configure() doesnt work to turn off validateOnChange, validateOnInput, validateOnModelUpdate

[MickL]

What happened?

Setting the values to false has no effect:

import { configure } from 'vee-validate';

configure({
  validateOnChange: false,
  validateOnInput: false,
  validateOnModelUpdate: false,
  validateOnBlur: false,
});

I would like to disable validation unless the submit button is pressed.

Reproduction

https://stackblitz.com/edit/github-x8muzj?file=app.vue

Version

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

What browsers are you seeing the problem on?

• Firefox
• Chrome
• Safari
• Microsoft Edge

Code of Conduct

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

[vibonacci]

https://vee-validate.logaretm.com/v4/api/configuration#updating-the-config

As mentioned in the docs I linked at the tip on the bottom, the configure() only works if you use the VeeValidate Vue components.

It doesn't offer a solution, and I'm looking out for a solution as well to set those validateOn values all to false and only validate when submit is pressed.

[logaretm]

Noted for v5, as it is related to #4630

Normalizing the validation triggers and error messages display to userland would make it easier to apply this change. As of now, the useXXX variants are assuming you will handle it yourself.

Alternatively, consider using defineField which does obey these configuration values if you use useField in the same component as your useForm call. It will be exposed as a public export in the next release.