feat: throttle input keydown events

Author: velut

bun.lock

@@ -33,6 +33,7 @@
 		"fuse.js": "^7.1.0",
 		"hosted-git-info": "^8.1.0",
 		"jsdom": "^26.1.0",
+		"lodash-es": "^4.17.21",
 		"marked": "^15.0.12",
 		"new-github-issue-url": "^1.1.0",
 		"pathe": "^2.0.3",
@@ -58,6 +59,7 @@
 		"@types/dompurify": "^3.2.0",
 		"@types/hosted-git-info": "^3.0.5",
 		"@types/jsdom": "^21.1.7",
+		"@types/lodash-es": "^4.17.12",
 		"@types/node": "^22.15.21",
 		"@types/validate-npm-package-name": "^4.0.2",
 		"@vitest/coverage-v8": "^3.1.4",

package.json

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { throttle } from "lodash-es";
 	import { resource, useMutationObserver, watch } from "runed";
 	import LucideLoaderCircle from "~icons/lucide/loader-circle";
 	import LucideSearch from "~icons/lucide/search";
@@ -78,7 +79,7 @@
 		}
 	}
 
-	function handleInputKeydown(event: KeyboardEvent) {
+	let handleInputKeydown = throttle((event: KeyboardEvent) => {
 		switch (event.key) {
 			case "ArrowUp":
 				event.preventDefault();
@@ -93,7 +94,7 @@
 				useResult();
 				return;
 		}
-	}
+	}, 25);
 
 	function prevResult() {
 		resultsCursor = mod(resultsCursor - 1, results.current.length);