如何通过Vue和Typescript对对象使用v-model？

interface MyObject {
  name: string;
  age: number;
}

<script lang="ts">
import { defineComponent, PropType, toRefs, watch } from 'vue';

export default defineComponent({
  props: {
    modelValue: {
      type: Object as PropType<MyObject>,
      required: true
    }
  },
  emits: ['update:modelValue'],
  setup(props, { emit }) {
    const { modelValue } = toRefs(props);

    // 监听对象的变化并触发更新
    watch(modelValue, (newValue) => {
      emit('update:modelValue', newValue);
    }, { deep: true });

    return {
      modelValue
    };
  }
});
</script>

<template>
  <div>
    <input v-model="modelValue.name" type="text">
    <input v-model="modelValue.age" type="number">
  </div>
</template>

<template>
  <MyComponent v-model="myObject" />
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';
import MyComponent from './MyComponent.vue';

export default defineComponent({
  components: {
    MyComponent
  },
  setup() {
    const myObject = ref<MyObject>({
      name: 'John Doe',
      age: 30
    });

    return {
      myObject
    };
  }
});
</script>