From 215db771d69ff0aaabd8e5d001bf6eaebb0e5561 Mon Sep 17 00:00:00 2001
From: MatteoGabriele <m.gabriele.dev@gmail.com>
Date: Fri, 30 Jan 2026 10:58:27 +0100
Subject: [PATCH 1/3] refactor(home): remove redirect while typing

---
 app/pages/index.vue | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/app/pages/index.vue b/app/pages/index.vue
index 03f61863..d726f51c 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,21 +1,16 @@
 <script setup lang="ts">
-import { debounce } from 'perfect-debounce'
-
 const router = useRouter()
 const searchQuery = ref('')
 const searchInputRef = useTemplateRef('searchInputRef')
 const { focused: isSearchFocused } = useFocus(searchInputRef)
 
-const debouncedNavigate = debounce(() => {
+function handleSearch() {
   router.push({
-    path: '/search',
-    query: searchQuery.value.trim() ? { q: searchQuery.value.trim() } : undefined,
+    name: 'search',
+    query: {
+      q: searchQuery.value.trim(),
+    },
   })
-}, 250)
-
-function handleSearch() {
-  // If input is empty, navigate immediately (no need to debounce)
-  return searchQuery.value.trim() ? debouncedNavigate() : router.push('/search')
 }
 
 useSeoMeta({
@@ -78,7 +73,6 @@ defineOgImageComponent('Default')
                 v-bind="noCorrect"
                 autofocus
                 class="w-full bg-bg-subtle border border-border rounded-lg ps-8 pe-24 py-4 font-mono text-base text-fg placeholder:text-fg-subtle transition-border-color duration-300 focus:border-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/50"
-                @input="handleSearch"
               />
 
               <button

From 1ef63f5344a5be0bd007b10b4d791f330afe1173 Mon Sep 17 00:00:00 2001
From: MatteoGabriele <m.gabriele.dev@gmail.com>
Date: Fri, 30 Jan 2026 11:12:54 +0100
Subject: [PATCH 2/3] refactor: remove unnecessary focus logic

---
 app/pages/index.vue | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/app/pages/index.vue b/app/pages/index.vue
index d726f51c..f5e17773 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,10 +1,8 @@
 <script setup lang="ts">
 const router = useRouter()
 const searchQuery = ref('')
-const searchInputRef = useTemplateRef('searchInputRef')
-const { focused: isSearchFocused } = useFocus(searchInputRef)
 
-function handleSearch() {
+function handleSubmit() {
   router.push({
     name: 'search',
     query: {
@@ -44,13 +42,12 @@ defineOgImageComponent('Default')
         class="w-full max-w-xl motion-safe:animate-slide-up motion-safe:animate-fill-both"
         style="animation-delay: 0.2s"
       >
-        <form method="GET" action="/search" class="relative" @submit.prevent="handleSearch">
+        <form method="GET" action="/search" class="relative" @submit.prevent="handleSubmit">
           <label for="home-search" class="sr-only">
             {{ $t('search.label') }}
           </label>
 
-          <!-- Search input with glow effect on focus -->
-          <div class="relative group" :class="{ 'is-focused': isSearchFocused }">
+          <div class="relative group">
             <!-- Subtle glow effect -->
             <div
               class="absolute -inset-px rounded-lg bg-gradient-to-r from-fg/0 via-fg/5 to-fg/0 opacity-0 transition-opacity duration-500 blur-sm group-[.is-focused]:opacity-100"

From d61ac5ca09eed165bf5fc8b98472e2c67e85b673 Mon Sep 17 00:00:00 2001
From: MatteoGabriele <m.gabriele.dev@gmail.com>
Date: Fri, 30 Jan 2026 12:12:51 +0100
Subject: [PATCH 3/3] test(use-colors): change test expectations

---
 test/nuxt/composables/use-colors.spec.ts | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/test/nuxt/composables/use-colors.spec.ts b/test/nuxt/composables/use-colors.spec.ts
index 3de0fcb1..aa5c2bf2 100644
--- a/test/nuxt/composables/use-colors.spec.ts
+++ b/test/nuxt/composables/use-colors.spec.ts
@@ -77,8 +77,6 @@ describe('useCssVariables', () => {
     await nextTick()
 
     expect(useMutationObserverMock).not.toHaveBeenCalled()
-    expect(lastMutationObserverInstance).not.toBeNull()
-    expect(lastMutationObserverInstance!.observe).toHaveBeenCalledTimes(1)
 
     wrapper.unmount()
   })
@@ -95,8 +93,7 @@ describe('useCssVariables', () => {
 
     await nextTick()
 
-    expect(lastMutationObserverInstance).not.toBeNull()
-    expect(lastMutationObserverInstance!.observe).toHaveBeenCalledTimes(1)
+    expect(useMutationObserverMock).toHaveBeenCalledOnce()
 
     wrapper.unmount()
   })