[v4] Form not validating in nuxt3

[melokki]

Hello, I a have a problem with vee-validateand zod

I described the problem with more details here: https://stackoverflow.com/questions/73110407/vee-validate-and-zod-not-validating-the-form-in-nuxt3-project

i don't understand what is happening here
Any ideas?

[logaretm]

The order of calling useField and useForm is important.

const { handleSubmit, errors } = useForm({
  validationSchema,
});

const { errorMessage, meta, value: firstName } = useField('firstName');

This is not a recommended way to use useField as it is meant to create input components. But if you do use it like that then you need to make sure the form is created first.

[melokki]

thank you very much kind sir
indeed that was the problem, I switched the order and now everything works as expected 🙏