airsonic-refix/src/search/SearchForm.vue
2020-07-27 12:42:20 +02:00

25 lines
473 B
Vue

<template>
<div>
<form class="form-inline my-2 my-lg-0" @submit.prevent="search">
<input
class="form-control mr-sm-2"
type="search" placeholder="Search"
v-model="query">
</form>
</div>
</template>
<script lang="ts">
import Vue from "vue";
export default Vue.extend({
props: {
query: String
},
methods: {
search(): void {
this.$router.push({ name: 'search', query: { q: this.query } });
}
}
});
</script>