Debounce query changes

src/common/SearchInput.svelte

@@ -3,6 +3,15 @@
   import { writable } from "svelte/store";
 
   export const query = writable("");
+
+  let timer;
+  let delay = 100;
+  const debounce = (v, fn) => {
+    clearTimeout(timer);
+    timer = setTimeout(() => {
+      fn(v);
+    }, delay);
+  };
 </script>
 
 <script>
@@ -13,7 +22,7 @@
   <Search size={0.8} />
   <input
     type="search"
-    bind:value={$query}
+    on:change={({ currentTarget: { value } }) => debounce(value, query.set)}
     aria-label="Search Add-Ons"
     placeholder={$_("addonBrowserDialog.searchPlaceholder")}
   />