No error even though (global) zod validation fails

[some-user123]

Version

@nuxt/ui: 2.8.1
nuxt: 3.7.1

Reproduction Link

https://stackblitz.com/edit/nuxt-ui-puvf36?file=app.vue

Steps to reproduce

• Press the button and see in the console, that validation failed.
• Enter different values in the two fields.

What is Expected?

• An error should be displayed.

What is actually happening?

• Nothing

I guess, the problem is that the validation is not of one specific field but of two fields. However, as the zod validation failes in every case an error should be displayed. E.g. below all fields, or configurable below which field.

[Haythamasalama]

There is no bug; you simply need to include the path. You can find detailed instructions in the Zod documentation: https://zod.dev/?id=customize-error-path.

const formSchema = z.object({
  password: z.string(),
  repeatPassword: z.string()
})
  .refine((v) => v.password === v.repeatPassword, {
    message: 'passwords not equal',
    path: ['repeatPassword'] // <- missing this 
  })

[some-user123]

Thanks for your feedback. I understand your point. However, from my perspective, nuxt/ui should act consistently. I.e., either visualize an error situation to the end user OR submit the form (and ignore the error without path).

[benjamincanac]

@romhml Any thoughts on this?

[romhml]

We can display global errors directly below the Form, I'll look into it. (Related to #625).

[benjamincanac]

Should we reopen this then?

[romhml]

It might be better to open a feature request and link both issue.

[romhml]

The PR should also be pretty simple, I'll submit something today