add watch on defineModel

hublot-io · Sep 26, 2024 · 9981c94 · 9981c94
1 parent 79c2041
commit 9981c94
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@hublot-io/define-model",
   "type": "module",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "defineModel implementation for vue 2.7 according to 3.4 usage",
   "main": "src/index.ts",
   "repository": "git@github.com:hublot-io/defineModel.git",

diff --git a/src/index.ts b/src/index.ts
@@ -32,7 +32,7 @@ export function defineModel<T>(modelValue : string = 'input') : Ref<T>{
         setTimeout(() => {
             watch(__instance.$props, () => {
                 __internalValue.value = __instance.$props.value as T
-            })
+            }, { deep : true})
 
         })
     }
@@ -48,7 +48,7 @@ export function defineModel<T>(modelValue : string = 'input') : Ref<T>{
             watch(__internalValue, () => {
                 if(__internalValue.value !== binding.value)
                     bus.$emit(vnode.context!.$vnode.tag! + '-' + binding.arg,  __internalValue.value);
-            })
+            }, { deep : true})
         })
 
         bus.$on('directive-update-' + modelValue, ({el, binding, vnode}) => { 
@@ -60,7 +60,7 @@ export function defineModel<T>(modelValue : string = 'input') : Ref<T>{
     watch(__internalValue, () => {
          if(modelValue === 'input')
              __instance.$emit(modelValue, __internalValue.value);
-    })
+    }, { deep : true})
 
     return __internalValue as Ref<T>