fix: make sure to deep watch created models by useFieldModel

logaretm · Aug 7, 2022 · fbe273c · fbe273c
1 parent bd8b4e0
commit fbe273c
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/packages/vee-validate/src/useForm.ts b/packages/vee-validate/src/useForm.ts
@@ -291,11 +291,17 @@ export function useForm<TValues extends Record<string, any> = Record<string, any
 
   function createModel<TPath extends keyof TValues>(path: MaybeRef<TPath>) {
     const { value } = _useFieldValue<TValues[TPath]>(path as string);
-    watch(value, () => {
-      if (!fieldExists(unref(path as string))) {
-        validate({ mode: 'validated-only' });
+    watch(
+      value,
+      () => {
+        if (!fieldExists(unref(path as string))) {
+          validate({ mode: 'validated-only' });
+        }
+      },
+      {
+        deep: true,
       }
-    });
+    );
 
     return value;
   }