1
1
mirror of https://github.com/aelve/guide.git synced 2024-12-25 13:51:45 +03:00
guide/front/client/components/Search.vue
2018-09-22 17:06:34 +05:00

30 lines
565 B
Vue

<template>
<v-text-field
v-model="searchInput"
class="toollbar-search"
label="Search"
@keyup.enter.native="processSearchInput"
dark
solo />
</template>
<script lang="ts">
import Vue from 'vue';
import Component from 'vue-class-component';
@Component
export default class SearchField extends Vue {
searchInput:string = ''
processSearchInput() {
window.open(`http://aelve.com:4801/haskell/?q=${this.searchInput}`, '_blank')
}
}
</script>
<style scoped>
.toollbar-search >>> div {
margin-bottom: 0 !important;
}
</style>