Hi, I’m using AutoForm with a schema that contains an array of objects. For example:

const formSchema = z.object({
  name: z.string(),
  attributes: z.array(
    z.object({
      type: z.string(),
      value: z.number(),
    })
  ),
})

I’d like to customize a SelectComponent for the fields inside the array items (e.g. type) using fieldConfig.

The documentation shows how to use fieldConfig for top-level fields, like:

<AutoForm
  :field-config="{
    username: {
      label: 'Custom username',
    },
  }"
/>

But it doesn’t mention how to target fields inside array objects.
I’ve tried things like:

const fieldConfig = {
  'attributes.type': {
    label: 'Type',
    component: AutoFormFieldBuffSelect,
    inputProps: {
      placeholder: 'Please select a type',
    },
  },
}

and then

<AutoForm
  v-auto-animate
  class="max-h-[500px] overflow-y-auto"
  :schema="formSchema"
  :field-config="fieldConfig"
  @submit="onSubmit"
/>

But it seems to not work.

👉 Is there currently a supported way to apply fieldConfig to fields inside array items?
If not, is this something planned, or should I extend AutoForm manually?

Thanks!