generated from Seekra/repository-template
Add search bar with search query to the search results view
This commit is contained in:
@@ -1,6 +1,24 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
defineProps(['searchQuery'])
|
import Searchbar from '@/features/search/components/Searchbar.vue';
|
||||||
|
|
||||||
|
const props = defineProps(['searchQuery']);
|
||||||
|
|
||||||
|
const searchQueryModel = defineModel();
|
||||||
|
searchQueryModel.value = props.searchQuery;
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
</template>
|
<Searchbar class="search-bar" v-model="searchQueryModel" auto-submit />
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.search-bar {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 67.5rem) {
|
||||||
|
.search-bar {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user