search-input: Debounce immediately if the user hits "Enter"

Small performance optimization to allow the user to give us a hint
they're done typing in the search box, so we can trigger updates that
much more quickly.

src/components/search-input.vue

@@ -8,6 +8,7 @@
       :placeholder="props.placeholder"
       v-model="searchContent"
       @keydown.esc.prevent="clear"
+      @keydown.enter.prevent="updateModelValue"
     />
     <button
       v-if="searchContent !== ''"
@@ -56,11 +57,7 @@ watch(searchContent, () => {
   }
 
   if (debounceTimeout !== undefined) clearTimeout(debounceTimeout);
-  debounceTimeout = setTimeout(() => {
-    emit("update:modelValue", searchContent.value);
-    clearTimeout(debounceTimeout);
-    debounceTimeout = undefined;
-  }, props.debounceMs);
+  debounceTimeout = setTimeout(updateModelValue, props.debounceMs);
 });
 
 const $search = ref(undefined! as HTMLInputElement);
@@ -80,4 +77,13 @@ function clear(ev: KeyboardEvent | MouseEvent) {
     searchContent.value = "";
   }
 }
+
+/** Trigger a model update immediately. */
+function updateModelValue() {
+  if (debounceTimeout !== undefined) {
+    clearTimeout(debounceTimeout);
+    debounceTimeout = undefined;
+    emit("update:modelValue", searchContent.value);
+  }
+}
 </script>