added watcher to fromat get outside value update

Author: dipaksarkar

docs/docs/.vuepress/components/PlayGround.vue

@@ -168,6 +168,10 @@ export default {
   methods: {
     onChange() {
       console.log('onChange', arguments)
+      // setTimeout(() => {
+      //   this.price = 1500.629
+      //   this.priceDirective = 1500.629
+      // }, 3000)
     },
     onInput() {
       console.log('onInput', arguments)

src/component.vue

@@ -10,7 +10,7 @@
   />
 </template>
 <script lang="ts">
-import { defineComponent, ref, computed } from 'vue'
+import { defineComponent, ref, computed, watch } from 'vue'
 import { cloneDeep, CustomInputEvent, Input } from './core'
 import directive from './directive'
 import defaultOptions from './options'
@@ -98,6 +98,15 @@ export default defineComponent({
       emit('update:model-value', emittedValue.value)
     }
 
+    watch(
+      () => props.modelValue,
+      (newValue, oldValue) => {
+        if (newValue !== oldValue) {
+          maskedValue.value = newValue
+        }
+      }
+    )
+
     return {
       config,
       maskedValue,