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
@@ -16,20 +16,35 @@ limitations under the License.

 <script setup>
 const searchQuery = defineModel();
+
+import { useRouter } from 'vue-router';
+
+const router = useRouter()
+const props = defineProps(['autoSubmit'])
+
+const submitSearch = function () {
+    if (props.autoSubmit !== undefined) {
+        router.push({
+            name: 'searchResults',
+            query: { q: searchQuery.value }
+        });
+    };
+}
 </script>

 <template>
-    <div class="search-wrapper">
-        <input
-            v-model="searchQuery"
-            type="search"
-            name="search"
-            placeholder="Search..."
-            required
-        />
-        <button type="submit" class="search-button">Search</button>
-    </div>
-</template>
+    <form @submit.prevent="submitSearch">
+        <div class="search-wrapper">
+            <input
+                v-model="searchQuery"
+                type="search"
+                placeholder="Search..."
+                required
+            />
+            <button type="submit" class="search-button">Search</button>
+        </div>
+    </form>
+    </template>

 <style scoped>
 .search-wrapper {