How do you access meta object on fields obtained from useFieldArray?

[franck102]

Hi all, using VeeValidate 4 and Vue 3 I am trying to style an repeated input based on its valid state. How can I access the meta object for each field in the array?

<div v-for="(slot, idx) in dateSlots" :key="idx">
      <input v-model="slot.value.startDate" 
                  :class="{ 'is-invalid': ???meta???.validated && ! ???meta???.valid }"/>

const { fields: dateSlots, push } = useFieldArray<DateSlot>('dateSlots');

FieldEntry has a key field but not too sure how I could use it?

[franck102]

Any suggestion on this?

I have the same question about errors: for simple fields I can use

<div class="invalid-feedback">{{nameErrors.value.join(","}}</div>

const { value: name, errors: nameErrors } = useField<string>("name");

but for field arrays I have to resort to javascript to set the error element's content :(