BaseInput.vue

<template>
  <div>
    <label class="font-semibold block text-gray-700" for="input"
      >Base Input</label
    >
    <input
      type="text"
      :value="modelValue"
      @input="$emit('update:modelValue', $event.target.value)"
    />
    <!-- <input type="text" :value="modelValue" @input="handleInput" /> -->
  </div>
</template>

<script>
export default {
  props: {
    modelValue: {
      type: [String, Number],
      default: ''
    }
  },
  emits: ['update:modelValue'],
  methods: {
    handleInput($event) {
      this.$emit('update:modelValue', $event.target.value)
    }
  }
}
</script>

<style></style>