Autocomplete prop 'name' for Field component

[andredewaard]

Is it possible to somehow autocomplete the prop 'name' for the Field component?

<script lang="ts" setup>
const schema = z.object({
  email: z.string().email(),
})
const formSchema = toTypedSchema(schema)
const { handleSubmit, values, defineField } = useForm({
  validationSchema: formSchema
})

const handleForm = handleSubmit((values) => {
  console.log(values)
})
</script>

<template>
<form @submit.prevent="handleForm" class="grid grid-cols-2 gap-4 items-start">
  <Field name="email"  type="text" /> // autocomplete the prop name here
</form>
</template>

it would be really handy if you work with large objects. especially with nested objects its hard to remember which fields there are.