Update masked input on binded value change

test/components/ChangeValue.vue

@@ -0,0 +1,11 @@
+<script setup>
+import { ref } from 'vue'
+import { vMaska } from '../../src'
+
+const data = ref('123')
+</script>
+
+<template>
+  <input v-maska data-maska="#-#" v-model="data" />
+  <button @click="data = '345'">Set</button>
+</template>

test/directive.test.ts

@@ -6,6 +6,7 @@ import BindInitial from './components/BindInitial.vue'
 import BindMasked from './components/BindMasked.vue'
 import BindUnmasked from './components/BindUnmasked.vue'
 import Callbacks from './components/Callbacks.vue'
+import ChangeValue from './components/ChangeValue.vue'
 import Completed from './components/Completed.vue'
 import Config from './components/Config.vue'
 import Custom from './components/Custom.vue'
@@ -137,6 +138,19 @@ test('custom component', async () => {
   expect(wrapper.get('div').element.textContent).toBe('1-2')
 })
 
+test('change value', async () => {
+  const wrapper = mount(ChangeValue)
+  const input = wrapper.get('input')
+
+  await new Promise((r) => setTimeout(r))
+
+  expect(input.element.value).toBe('1-2')
+
+  await wrapper.get('button').trigger('click')
+
+  expect(input.element.value).toBe('3-4')
+})
+
 test('multiple inputs', async () => {
   const wrapper = mount(Multiple)
   const input = wrapper.get<HTMLInputElement>('#input1')