Implement global search
This commit is contained in:
25
software/src/pages/searchPage/searchBar.vue
Normal file
25
software/src/pages/searchPage/searchBar.vue
Normal file
@@ -0,0 +1,25 @@
|
||||
<script setup lang="ts">
|
||||
import cardView from '@/components/basics/cardView.vue';
|
||||
import { useSearchStore } from '@/data/stores/searchStore';
|
||||
|
||||
const searchStore = useSearchStore()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<card-view >
|
||||
<v-text-field
|
||||
variant="outlined"
|
||||
hide-details
|
||||
v-model="searchStore.searchTerm"
|
||||
:placeholder="$t('enterSomeKeywords')"
|
||||
>
|
||||
<template #append-inner>
|
||||
<v-btn
|
||||
icon="mdi-magnify"
|
||||
variant="plain"
|
||||
@click="searchStore.startSearch"
|
||||
/>
|
||||
</template>
|
||||
</v-text-field>
|
||||
</card-view>
|
||||
</template>
|
||||
Reference in New Issue
Block a user