Move search form to the search bar component

2026-05-10 19:45:56 +02:00
parent e3117110e9
commit 261657d343
2 changed files with 31 additions and 19 deletions
@@ -25,10 +25,7 @@ const router = useRouter();
 const searchQuery = ref('');

 const submitSearch = function () {
-    router.push({
-        name: 'searchResults',
-        query: { q: searchQuery.value }
-    })
+
 };
 </script>

@@ -41,9 +38,9 @@ const submitSearch = function () {
            </span>
        </header>
    
-        <form class="search-form" @submit.prevent="submitSearch">
-            <Searchbar v-model="searchQuery" ref="searchbar" />
-        </form>
+        <div class="search-container">
+            <Searchbar v-model="searchQuery" ref="searchbar" auto-submit />
+        </div>
    </div>
 </template>

@@ -79,7 +76,7 @@ const submitSearch = function () {
    font-size: small;
 }

-.search-form {
+.search-container {
    width: 70%;
    max-width: 624px;
 }