From 0843330472357c5662a078cf2d0ac860a1eeae64 Mon Sep 17 00:00:00 2001
From: Roman <dev@rman.dev>
Date: Sun, 8 Feb 2026 16:58:09 +0000
Subject: [PATCH 1/9] fix

---
 app/components/Header/SearchBox.vue | 48 +++++++++++++----------------
 app/pages/index.vue                 | 12 +-------
 2 files changed, 22 insertions(+), 38 deletions(-)

diff --git a/app/components/Header/SearchBox.vue b/app/components/Header/SearchBox.vue
index b99fa79cb..5ad018a2c 100644
--- a/app/components/Header/SearchBox.vue
+++ b/app/components/Header/SearchBox.vue
@@ -28,39 +28,23 @@ const searchQuery = shallowRef(normalizeSearchParam(route.query.q))
 // Pages that have their own local filter using ?q
 const pagesWithLocalFilter = new Set(['~username', 'org'])
 
-// Debounced URL update for search query
 const updateUrlQuery = debounce((value: string) => {
-  // Don't navigate away from pages that use ?q for local filtering
-  if (pagesWithLocalFilter.has(route.name as string)) {
-    return
-  }
   if (route.name === 'search') {
     router.replace({ query: { q: value || undefined } })
-    return
-  }
-  if (!value) {
-    return
   }
-
-  router.push({
-    name: 'search',
-    query: {
-      q: value,
-    },
-  })
 }, 250)
 
-// Watch input and debounce URL updates
-watch(searchQuery, value => {
-  updateUrlQuery(value)
+watch(searchQuery, (value) => {
+  if (route.name === 'search') {
+    updateUrlQuery(value)
+  }
 })
 
 // Sync input with URL when navigating (e.g., back button)
 watch(
   () => route.query.q,
-  urlQuery => {
-    // Don't sync from pages that use ?q for local filtering
-    if (pagesWithLocalFilter.has(route.name as string)) {
+  (urlQuery) => {
+    if (pagesWithLocalFilter.has(route.name)) {
       return
     }
     const value = normalizeSearchParam(urlQuery)
@@ -80,15 +64,25 @@ function handleSearchFocus() {
 }
 
 function handleSubmit() {
-  if (pagesWithLocalFilter.has(route.name as string)) {
+  const query = searchQuery.value.trim()
+  if (pagesWithLocalFilter.has(route.name)) {
     router.push({
       name: 'search',
-      query: {
-        q: searchQuery.value,
-      },
+      query: { q: query },
     })
-  } else {
+    return
+  }
+
+  if (route.name === 'search') {
     updateUrlQuery.flush()
+    return
+  }
+
+  if (query) {
+    router.push({
+      name: 'search',
+      query: { q: query },
+    })
   }
 }
 
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 64bd828cd..43f12f709 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { debounce } from 'perfect-debounce'
 import { SHOWCASED_FRAMEWORKS } from '~/utils/frameworks'
 
 const searchQuery = shallowRef('')
@@ -11,18 +10,10 @@ async function search() {
   if (!query) return
   await navigateTo({
     path: '/search',
-    query: query ? { q: query } : undefined,
+    query: { q: query },
   })
-  const newQuery = searchQuery.value.trim()
-  if (newQuery !== query) {
-    await search()
-  }
 }
 
-const handleInput = isTouchDevice()
-  ? search
-  : debounce(search, 250, { leading: true, trailing: true })
-
 useSeoMeta({
   title: () => $t('seo.home.title'),
   ogTitle: () => $t('seo.home.title'),
@@ -93,7 +84,6 @@ defineOgImageComponent('Default', {
                   :placeholder="$t('search.placeholder')"
                   v-bind="noCorrect"
                   class="w-full bg-bg-subtle border border-border rounded-xl ps-8 pe-24 h-14 py-4 font-mono text-base text-fg placeholder:text-fg-subtle transition-[border-color,outline-color] duration-300 motion-reduce:transition-none hover:border-fg-subtle outline-2 outline-transparent focus:border-accent focus-visible:(outline-2 outline-accent/70)"
-                  @input="handleInput"
                 />
 
                 <ButtonBase

From ffcdd97c8f697b7b1e595e3db53d730960eb39b4 Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Sun, 8 Feb 2026 17:01:20 +0000
Subject: [PATCH 2/9] [autofix.ci] apply automated fixes

---
 app/components/Header/SearchBox.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/Header/SearchBox.vue b/app/components/Header/SearchBox.vue
index 5ad018a2c..7807504ed 100644
--- a/app/components/Header/SearchBox.vue
+++ b/app/components/Header/SearchBox.vue
@@ -34,7 +34,7 @@ const updateUrlQuery = debounce((value: string) => {
   }
 }, 250)
 
-watch(searchQuery, (value) => {
+watch(searchQuery, value => {
   if (route.name === 'search') {
     updateUrlQuery(value)
   }
@@ -43,7 +43,7 @@ watch(searchQuery, (value) => {
 // Sync input with URL when navigating (e.g., back button)
 watch(
   () => route.query.q,
-  (urlQuery) => {
+  urlQuery => {
     if (pagesWithLocalFilter.has(route.name)) {
       return
     }

From e8f251314b2840eb7f1a9880522a72cf66193cdc Mon Sep 17 00:00:00 2001
From: Roman <dev@rman.dev>
Date: Sun, 8 Feb 2026 17:15:58 +0000
Subject: [PATCH 3/9] Update SearchBox.vue

---
 app/components/Header/SearchBox.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/components/Header/SearchBox.vue b/app/components/Header/SearchBox.vue
index 7807504ed..e099b8368 100644
--- a/app/components/Header/SearchBox.vue
+++ b/app/components/Header/SearchBox.vue
@@ -66,6 +66,7 @@ function handleSearchFocus() {
 function handleSubmit() {
   const query = searchQuery.value.trim()
   if (pagesWithLocalFilter.has(route.name)) {
+    if (!query) return
     router.push({
       name: 'search',
       query: { q: query },

From b17f1a993fe935f2c9f3a3fdec545dda81618aa3 Mon Sep 17 00:00:00 2001
From: Roman <dev@rman.dev>
Date: Sun, 8 Feb 2026 18:56:22 +0000
Subject: [PATCH 4/9] fix

---
 app/pages/index.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/app/pages/index.vue b/app/pages/index.vue
index 8a48177eb..d8678cdf1 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -80,8 +80,6 @@ defineOgImageComponent('Default', {
                   name="q"
                   autofocus
                   :placeholder="$t('search.placeholder')"
-                  v-bind="noCorrect"
-                  class="w-full bg-bg-subtle border border-border rounded-xl ps-8 pe-24 h-14 py-4 font-mono text-base text-fg placeholder:text-fg-subtle transition-[border-color,outline-color] duration-300 motion-reduce:transition-none hover:border-fg-subtle outline-2 outline-transparent focus:border-accent focus-visible:(outline-2 outline-accent/70)"
                   no-correct
                   size="large"
                   class="w-full ps-8 pe-24"

From d797070339402cad469a364e189dd81ec6c397ef Mon Sep 17 00:00:00 2001
From: Roman <dev@rman.dev>
Date: Sun, 8 Feb 2026 19:11:33 +0000
Subject: [PATCH 5/9] Update interactions.spec.ts

---
 test/e2e/interactions.spec.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/test/e2e/interactions.spec.ts b/test/e2e/interactions.spec.ts
index f40403267..f4ee26b80 100644
--- a/test/e2e/interactions.spec.ts
+++ b/test/e2e/interactions.spec.ts
@@ -92,6 +92,8 @@ test.describe('Search Pages', () => {
     await homeSearchInput.click()
     await page.keyboard.type('vue')
 
+    await page.keyboard.press('Enter')
+
     // Wait for navigation to /search (debounce is 250ms)
     await expect(page).toHaveURL(/\/search/, { timeout: 10000 })
 
@@ -117,6 +119,8 @@ test.describe('Search Pages', () => {
     await searchInput.click()
     await searchInput.fill('vue')
 
+    await page.keyboard.press('Enter')
+
     await expect(page).toHaveURL(/\/search/, { timeout: 10000 })
 
     await expect(page.locator('[data-result-index="0"]').first()).toBeVisible({

From 3c715cf1772a70556549055ac62792cc16783651 Mon Sep 17 00:00:00 2001
From: Roman <dev@rman.dev>
Date: Mon, 9 Feb 2026 18:51:47 +0000
Subject: [PATCH 6/9] fix

---
 app/components/Header/SearchBox.vue | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/app/components/Header/SearchBox.vue b/app/components/Header/SearchBox.vue
index 0fd2f0689..97a96a962 100644
--- a/app/components/Header/SearchBox.vue
+++ b/app/components/Header/SearchBox.vue
@@ -29,7 +29,7 @@ const searchQuery = shallowRef(normalizeSearchParam(route.query.q))
 // Pages that have their own local filter using ?q
 const pagesWithLocalFilter = new Set(['~username', 'org'])
 
-function updateUrlQueryImpl(value: string) {
+function updateUrlQuery(value: string) {
   // Don't navigate away from pages that use ?q for local filtering
   if (pagesWithLocalFilter.has(route.name)) {
     return
@@ -46,16 +46,6 @@ function updateUrlQueryImpl(value: string) {
   })
 }
 
-const updateUrlQueryNpm = debounce(updateUrlQueryImpl, 250)
-const updateUrlQueryAlgolia = debounce(updateUrlQueryImpl, 80)
-
-const updateUrlQuery = Object.assign(
-  (value: string) => (isAlgolia.value ? updateUrlQueryAlgolia : updateUrlQueryNpm)(value),
-  {
-    flush: () => (isAlgolia.value ? updateUrlQueryAlgolia : updateUrlQueryNpm).flush(),
-  },
-)
-
 watch(searchQuery, value => {
   if (route.name === 'search') {
     updateUrlQuery(value)

From 08f088bcfb0b43ade0385b113abb2ce74e8a435b Mon Sep 17 00:00:00 2001
From: Roman <dev@rman.dev>
Date: Mon, 9 Feb 2026 19:03:13 +0000
Subject: [PATCH 7/9] fix

---
 app/components/Header/SearchBox.vue | 21 ++++-----------------
 1 file changed, 4 insertions(+), 17 deletions(-)

diff --git a/app/components/Header/SearchBox.vue b/app/components/Header/SearchBox.vue
index 97a96a962..20720ac9c 100644
--- a/app/components/Header/SearchBox.vue
+++ b/app/components/Header/SearchBox.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { debounce } from 'perfect-debounce'
 import { normalizeSearchParam } from '#shared/utils/url'
 
 withDefaults(
@@ -15,7 +14,6 @@ const emit = defineEmits(['blur', 'focus'])
 
 const router = useRouter()
 const route = useRoute()
-const { isAlgolia } = useSearchProvider()
 
 const isSearchFocused = shallowRef(false)
 
@@ -107,24 +105,13 @@ defineExpose({ focus })
       <div class="relative group" :class="{ 'is-focused': isSearchFocused }">
         <div class="search-box relative flex items-center">
           <span
-            class="absolute inset-is-3 text-fg-subtle font-mono text-sm pointer-events-none transition-colors duration-200 motion-reduce:transition-none [.group:hover:not(:focus-within)_&]:text-fg/80 group-focus-within:text-accent z-1"
-          >
+            class="absolute inset-is-3 text-fg-subtle font-mono text-sm pointer-events-none transition-colors duration-200 motion-reduce:transition-none [.group:hover:not(:focus-within)_&]:text-fg/80 group-focus-within:text-accent z-1">
             /
           </span>
 
-          <InputBase
-            id="header-search"
-            ref="inputRef"
-            v-model="searchQuery"
-            type="search"
-            name="q"
-            :placeholder="$t('search.placeholder')"
-            no-correct
-            class="w-full min-w-25 ps-7"
-            @focus="isSearchFocused = true"
-            @blur="isSearchFocused = false"
-            size="small"
-          />
+          <InputBase id="header-search" ref="inputRef" v-model="searchQuery" type="search" name="q"
+            :placeholder="$t('search.placeholder')" no-correct class="w-full min-w-25 ps-7"
+            @focus="isSearchFocused = true" @blur="isSearchFocused = false" size="small" />
           <button type="submit" class="sr-only">{{ $t('search.button') }}</button>
         </div>
       </div>

From 450168587a6cdae99192d2b222b06c2e25e782c4 Mon Sep 17 00:00:00 2001
From: Roman <dev@rman.dev>
Date: Mon, 9 Feb 2026 19:10:01 +0000
Subject: [PATCH 8/9] fix

---
 app/components/Header/SearchBox.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/components/Header/SearchBox.vue b/app/components/Header/SearchBox.vue
index 20720ac9c..afd5e3599 100644
--- a/app/components/Header/SearchBox.vue
+++ b/app/components/Header/SearchBox.vue
@@ -76,7 +76,6 @@ function handleSubmit() {
   }
 
   if (route.name === 'search') {
-    updateUrlQuery.flush()
     return
   }
 

From e4ae47e520a20556c0968edfb7048894776f1b84 Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Mon, 9 Feb 2026 19:26:13 +0000
Subject: [PATCH 9/9] [autofix.ci] apply automated fixes

---
 app/components/Header/SearchBox.vue | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/app/components/Header/SearchBox.vue b/app/components/Header/SearchBox.vue
index afd5e3599..f1e7138b2 100644
--- a/app/components/Header/SearchBox.vue
+++ b/app/components/Header/SearchBox.vue
@@ -104,13 +104,24 @@ defineExpose({ focus })
       <div class="relative group" :class="{ 'is-focused': isSearchFocused }">
         <div class="search-box relative flex items-center">
           <span
-            class="absolute inset-is-3 text-fg-subtle font-mono text-sm pointer-events-none transition-colors duration-200 motion-reduce:transition-none [.group:hover:not(:focus-within)_&]:text-fg/80 group-focus-within:text-accent z-1">
+            class="absolute inset-is-3 text-fg-subtle font-mono text-sm pointer-events-none transition-colors duration-200 motion-reduce:transition-none [.group:hover:not(:focus-within)_&]:text-fg/80 group-focus-within:text-accent z-1"
+          >
             /
           </span>
 
-          <InputBase id="header-search" ref="inputRef" v-model="searchQuery" type="search" name="q"
-            :placeholder="$t('search.placeholder')" no-correct class="w-full min-w-25 ps-7"
-            @focus="isSearchFocused = true" @blur="isSearchFocused = false" size="small" />
+          <InputBase
+            id="header-search"
+            ref="inputRef"
+            v-model="searchQuery"
+            type="search"
+            name="q"
+            :placeholder="$t('search.placeholder')"
+            no-correct
+            class="w-full min-w-25 ps-7"
+            @focus="isSearchFocused = true"
+            @blur="isSearchFocused = false"
+            size="small"
+          />
           <button type="submit" class="sr-only">{{ $t('search.button') }}</button>
         </div>
       </div>