Ich habe drei Komponenten und möchte ein reaktives Modell von Eltern -> Kind -> Enkel weitergeben (Vee-Validierungsfeld).

Die übergeordnete Komponente sieht also so aus:

<template>
  <child v-model="formData" />
</template>
.
.
.
setup() {
  const formData = ref<CreateAccount>({
      email: "",
      firstName: "",
      lastName: ""
  });

  return {
    formData,
  };
}

Untergeordnete Komponente (mit Enkelkomponente) sieht so aus:

<template>
  <Field
    type="text"
    name="email"
    v-model="modelValue.email" ????
  />
</template>

export default defineComponent({
    name: "step-2",
    components: {
      Field,
    },
    props: {
      modelValue: {
        type: Object,
        required: true,
      },
    },
    emits: ["update:modelValue"],
  },
});

Mein Problem ist nun, dass ich den ModelValue nicht einfach an die Field-V-Model-Eigenschaft übergeben kann. Daher bin ich mir nicht sicher, ob es eine Reihe von Ereignissen gibt oder ob der untergeordnete ModelValue umgestaltet werden muss.