Wow this api is fun

ref #159

src/components/cards/ThFilterRunner.svelte

@@ -5,31 +5,28 @@
 
 <th>
   <input
-    on:keyup={() => {
+    on:input={() => {
       setTimeout(() => {
         const v = filterValue.toLowerCase();
         handler.filter(v, (c) => {
-          if (v === "") {
-            return c;
-          }
-          if (!c.runner) {
-            return "";
+          // if (v === "") {
+          //   return c;
+          // }
+
+          if (!c.runner && v === "blanko") {
+            return "blanko";
           }
+
           if (v.startsWith("#")) {
-            const id = parseInt(v.replace("#", ""));
-            if (c.runner.id === id) {
-              console.log(c);
-              return c;
-            }
-          } else {
+            return `#${c.runner?.id}`;
+          }
+          if (c.runner) {
             let runnerName = `${c.runner.firstname} ${c.runner.lastname}`;
             if (c.runner.middlename) {
               runnerName = `${c.runner.firstname} ${c.runner.middlename} ${c.runner.lastname}`;
             }
             runnerName = runnerName.toLowerCase();
-            if (runnerName.includes(v)) {
-              return c;
-            }
+            return runnerName;
           }
           return "";
         });
@@ -37,8 +34,8 @@
     }}
     bind:value={filterValue}
     type="text"
-    name="filter__runner"
-    id="filter__runner"
+    name="runnerfilter"
+    id="runnerfilter"
   />
 </th>