Estoy usando vuelidate para la validación de formularios en vuejs3 y la API de composición.

Después de enviar el formulario, llamo a validar. Si pasa la validación, se deben vaciar los campos del formulario y se debe restablecer vuelidate.

Actualmente lo hago así:

 const submitForm = () => { if (!v$.value.$validate()) { console.log(`Error : ${form} `) return } // there will be an axios post request here: console.log(form) v$.value.$reset() Object.keys(form).forEach(v => form[v] = "") }

Por alguna razón, v$.value.$reset() también se llama cuando el formulario no es válido (por lo que la validación pasa incluso cuando los formularios no son válidos) y Object.keys(form).forEach(v => form[v] = "") provoca errores de validación, de modo que cuando el formulario se envía correctamente, aparecen todos los mensajes de error.

¿Cómo borrar el formulario sin recargar la página y restablecer vuelidate solo después del envío sin errores?