Custom Input or v-model proxy component

VModelProxy.vue

<template>
  <label>
    VModelProxy
    <input type="text" v-model="localValue">
  </label>
</template>

<script setup>
import { ref, computed, watch } from 'vue'

const props = defineProps({
  value: String
})

const emit = defineEmits(['input'])

const _localValue = ref(props.value)
const localValue = computed({
  get: () => _localValue.value,
  set: (newValue) => {
    _localValue.value = newValue
    emit("input", newValue)
  }
})
watch(
  () => props.value,
  (newValue) => _localValue.value = newValue
)
</script>

vuejs 3 version : https://gist.github.com/Haerezis/e1737f113ee86fe109c39ff113fd4656