fix: duplicate value when input from right and using 'v-model'

ejirocodes · Feb 29, 2024 · bf6459e · bf6459e
1 parent 71cd390
commit bf6459e
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/vue3-otp-input.vue b/src/components/vue3-otp-input.vue
@@ -80,8 +80,11 @@ export default /* #__PURE__ */ defineComponent({
     watch(
       () => props.value,
       (val) => {
-        const fill = unref(val).split("");
-        otp.value = fill;
+        // fix issue: https://github.com/ejirocodes/vue3-otp-input/issues/34
+        if (val.length === props.numInputs || otp.value.length === 0) {
+          const fill = unref(val).split('')
+          otp.value = fill
+        }
       },
       { immediate: true }
     );