.label() method is not available with zod

[madebyfabian]

What happened?

Hi there! When I want to use the zod schema declaration to add a custom label to it (with z.string().label('My label')) like in the docs https://vee-validate.logaretm.com/v4/guide/composition-api/custom-inputs#custom-field-labels, it errors:

Property label does not exist on type 'ZodString'

Reproduction steps

1. Install latest versions of zod@3.22.4, @vee-validate/zod@4.12.6 and vee-validate@4.12.6
2. Create a schema:

const schema = z.object({
  title: z.string().min(1).label('My label'),
})

3. Get the type error I listed above + a runtime error (page throws with HTTP 500)

Version

Vue.js 3.x and vee-validate 4.x

What browsers are you seeing the problem on?

• Firefox
• Chrome
• Safari
• Microsoft Edge

Relevant log output

No response

Demo link

Can be provided if needed

Code of Conduct

• I agree to follow this project's Code of Conduct

[logaretm]

Zod doesn't offer this AFAIK, you should instead override their messages. I know its not ideal but Zod is not optimized for forms in particular IMO.

I will update that part of the docs, thanks for creating this issue.

[madebyfabian]

Thanks!