Vue V3 Create Custom Componend Accept v-model For Input Binding

<script setup>const props = defineProps({  modelValue: {    default: {}  },})const item = computed({  get() {    return props.modelValue  },  set(value) {    emit('update:modelValue', value)  }}) </script><template>  <form>    <input type="text" id="name" v-model="item.name">  </form></template>

<script setup>const item = reactive({  name: 'Desmond'})</script><template>  <my-component v-model="item"></my-component></template>