safetwitch/src/components/SearchBar.vue
ngn 02e9936059
All checks were successful
Build and publish the docker image / build (push) Successful in 1m16s
update placeholder color for the searcbar
Signed-off-by: ngn <ngn@ngn.tf>
2025-01-21 12:32:47 +03:00

31 lines
682 B
Vue

<script lang="ts">
export default {
setup() {
return {
searchInput: ''
}
},
methods: {
redirectToSearch() {
const query = this.searchInput
this.$router.push({ path: '/search/', query: { query } })
}
}
}
</script>
<template>
<div class="relative md:block outline-none">
<label for="searchBar" class="hidden">{{ $t('main.search') }}</label>
<input
type="text"
id="searchBar"
name="searchBar"
:placeholder="$t('main.search')"
v-model="searchInput"
@keyup.enter="redirectToSearch"
class="rounded-md text-white bg-black placeholder:text-white w-full outline-none"
/>
</div>
</template>