fix: respect global validateOnModelUpdate for defineField closes #4567

Author: logaretm

.changeset/shy-bags-bake.md

@@ -0,0 +1,5 @@
+---
+'vee-validate': patch
+---
+
+fix: defineField should respect global validateOnModelUpdate closes #4567

packages/vee-validate/src/useForm.ts

@@ -1033,7 +1033,10 @@ export function useForm<
       return base as BaseFieldProps & TExtras;
     });
 
-    const model = createModel(path, () => evalConfig().validateOnModelUpdate ?? true);
+    const model = createModel(
+      path,
+      () => evalConfig().validateOnModelUpdate ?? getConfig()?.validateOnModelUpdate ?? true,
+    );
 
     return [model, props] as [Ref<TValue>, Ref<BaseFieldProps & TExtras>];
   }

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

@@ -1351,4 +1351,36 @@ describe('useForm()', () => {
     form.resetField('fname', { value: 'test' });
     expect(form.meta.value.dirty).toBe(false);
   });
+
+  test('defineField respects global model config', async () => {
+    let form!: FormContext<{ fname: string; lname: string }>;
+    let model!: Ref<string>;
+    configure({
+      validateOnModelUpdate: false,
+    });
+
+    mountWithHoc({
+      setup() {
+        form = useForm({
+          initialValues: { fname: '123', lname: '456' },
+          validationSchema: yup.object({
+            fname: yup.string().required(),
+          }),
+        });
+
+        const field = form.defineField('fname');
+        model = field[0];
+
+        return {};
+      },
+      template: `
+        <div></div>
+      `,
+    });
+
+    await flushPromises();
+    model.value = '';
+    await flushPromises();
+    await expect(form.errors.value.fname).toBe(undefined);
+  });
 });