mirror of
https://github.com/aelve/guide.git
synced 2024-12-26 22:34:42 +03:00
33 lines
615 B
Vue
33 lines
615 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;
|
|
}
|
|
.toollbar-search >>> label {
|
|
font-size: 18px;
|
|
}
|
|
</style>
|