28 lines
558 B
JavaScript
28 lines
558 B
JavaScript
|
const SearchBar = {
|
||
|
|
data: () => ({
|
||
|
|
searchTerm: undefined,
|
||
|
|
hidden: true,
|
||
|
|
error: false,
|
||
|
|
loading: false
|
||
|
|
}),
|
||
|
|
watch: {
|
||
|
|
'$route': function (route) {
|
||
|
|
if (route.name === 'search') {
|
||
|
|
this.searchTerm = route.query.query
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
find (searchTerm) {
|
||
|
|
this.$router.push({ name: 'search', query: { query: searchTerm } })
|
||
|
|
this.$refs.searchInput.focus()
|
||
|
|
},
|
||
|
|
toggleHidden () {
|
||
|
|
this.hidden = !this.hidden
|
||
|
|
this.$emit('toggled', this.hidden)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default SearchBar
|