clean parent watcher to mixin

package.json

@@ -7,11 +7,14 @@
   "repository": "git@github.com:hublot-io/defineModel.git",
   "author": "Alexandre BERTRAND <alexandre@hublot.io>",
   "license": "MIT",
-  "private": false,
+  "scripts": {
+    "dev": "vite serve example"
+  },
   "peerDependencies": {
-		"vue": "^2.7.0"
-	},
+    "vue": "^2.7.0"
+  },
   "devDependencies": {
+    "vite": "^5.4.1",
     "vue": "^2.7.0"
   }
 }

src/index.ts

@@ -5,6 +5,10 @@ import { getCurrentInstance } from 'vue'
 
 const bus = new Vue()
 
+Vue.mixin({
+    props : ["value"],
+})
+
 
 Vue.directive('models', {
     update: function(el, binding, vnode){
@@ -26,15 +30,10 @@ export function defineModel<T>(modelValue : string = 'input') : Ref<T>{
         __internalValue.value = __instance.$attrs.value as T
 
         setTimeout(() => {
-            const parentRefs = Object.getOwnPropertyNames(__instance.$parent._setupState).filter((name) => {
-               return __instance.$parent._setupState[name].dep
+            watch(__instance.$props, () => {
+                __internalValue.value = __instance.$props.value as T
             })
 
-            parentRefs.forEach(ref => { 
-                watch(__instance.$parent._setupState[ref], () => { 
-                 __internalValue.value = __instance.$attrs.value as T
-               })
-            })
         })
     }
     else {