<template>
  <v-text-field
    v-model="value"
    type="text"
    outlined
    append-icon="mdi-magnify"
    :label="$t('what') + ' ?'"
    @click:append="$emit('change', value)"
  />
</template>

<script>
export default {
  props: {
    value: {
      type: String,
      required: false,
      default: ''
    }
  },
  watch: {
    value () {
      this.$emit('input', this.value)
    }
  }
}
</script>

<style>
.v-input__control {
  height: 56px;
}
</style>
