Vue transparent wrapper template

InputText.vue

<template>
  <div>
    <label>{{ label }}</label>
    <input
      v-on="listeners"
      v-bind="$attrs"
    />
  </div>
</template>

<script>
export default {
  inheritAttrs: false,
  props: {
    label: {
      default: "Label"
    }
  },
  computed: {
    listeners() {
      return {
        ...this.$listeners,
        input: even => this.$emit("input", event.target.value)
      };
    }
  }
};
</script>