fix: handle extra keystrokes

Author: danielroe

app/components/AppHeader.vue

@@ -30,14 +30,18 @@ function expandMobileSearch() {
   })
 }
 
-watch(isOnSearchPage, visible => {
-  if (!visible) return
+watch(
+  isOnSearchPage,
+  visible => {
+    if (!visible) return
 
-  searchBoxRef.value?.focus()
-  nextTick(() => {
     searchBoxRef.value?.focus()
-  })
-})
+    nextTick(() => {
+      searchBoxRef.value?.focus()
+    })
+  },
+  { flush: 'sync' },
+)
 
 function handleSearchBlur() {
   showFullSearch.value = false

app/pages/index.vue

@@ -11,6 +11,10 @@ async function search() {
     path: '/search',
     query: query ? { q: query } : undefined,
   })
+  const newQuery = searchQuery.value.trim()
+  if (newQuery !== query) {
+    await search()
+  }
 }
 
 const handleInput = isTouchDevice()