How to use UForm with arrays of objects

[rigtigeEmil]

Description

I can't find an example of creating a form using an array of objects. I've tried my best according to how other form frameworks handle these things, which usually means including an indexer as part of the name.

Example of what I want to achieve, where the form doesn't get submitted, but validation errors are not showing on the array items:
https://stackblitz.com/edit/nuxt-ui-3peuhu?file=app.vue

[benjamincanac]

Here's the solution: https://stackblitz.com/edit/nuxt-ui-ahbhny?file=app.vue

First, I've added an error event to the UForm to look the errors from zod, then I've assigned to the correct names on each FormGroup:

<UFormGroup
  v-for="(item, index) in state.items"
  :name="`items.${index}.name`"
>
  <UInput v-model="item.name" />
</UFormGroup>

[rigtigeEmil]

Fantastic, thanks a bunch. Just the syntax is what I was missing.