Add search submit callback

This commit is contained in:
2026-05-10 17:22:11 +02:00
parent 399d7caabc
commit 9f60c23c60
+11 -1
View File
@@ -18,8 +18,18 @@ limitations under the License.
import Searchbar from '../features/search/components/Searchbar.vue'; import Searchbar from '../features/search/components/Searchbar.vue';
import { ref } from 'vue'; import { ref } from 'vue';
import { useRouter } from 'vue-router';
const router = useRouter();
const searchQuery = ref(''); const searchQuery = ref('');
const submitSearch = function () {
router.push({
name: 'searchResults',
query: { q: searchQuery.value }
})
};
</script> </script>
<template> <template>
@@ -30,7 +40,7 @@ const searchQuery = ref('');
</span> </span>
</header> </header>
<form class="search-form"> <form class="search-form" @submit.prevent="submitSearch">
<Searchbar v-model="searchQuery" ref="searchbar" /> <Searchbar v-model="searchQuery" ref="searchbar" />
</form> </form>
</template> </template>