fix: setFieldError should set meta.valid closes #4274

Author: logaretm

.changeset/lemon-schools-arrive.md

@@ -0,0 +1,5 @@
+---
+'vee-validate': patch
+---
+
+fix: setFieldError should set meta.valid closes #4274

packages/vee-validate/src/useForm.ts

@@ -148,6 +148,7 @@ export function useForm<
     }
 
     state.errors = normalizeErrorItem(message);
+    state.valid = !state.errors.length;
   }
 
   /**

packages/vee-validate/tests/useForm.spec.ts

@@ -8,10 +8,12 @@ describe('useForm()', () => {
   const REQUIRED_MESSAGE = 'Field is required';
 
   test('sets individual field error message', async () => {
+    let fieldMeta!: FieldMeta<unknown>;
     mountWithHoc({
       setup() {
-        const { setFieldError } = useForm();
-        const { errorMessage } = useField('field', val => (val ? true : REQUIRED_MESSAGE));
+        const { setFieldError } = useForm({ initialValues: { field: 'test' } });
+        const { errorMessage, meta } = useField('field', val => (val ? true : REQUIRED_MESSAGE));
+        fieldMeta = meta;
 
         return {
           errorMessage,
@@ -30,6 +32,7 @@ describe('useForm()', () => {
     document.querySelector('button')?.click();
     await flushPromises();
     expect(error?.textContent).toBe('WRONG');
+    expect(fieldMeta.valid).toBe(false);
   });
 
   test('can clear individual field error messages', async () => {