Merge pull request #38 from ThatOneCalculator/main

Handle number input with type="text" but retain other number validators.
ejirocodes · Feb 29, 2024 · d092201 · d092201
2 parents 1d000f8 + 098b24b
commit d092201
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/single-otp-input.vue b/src/components/single-otp-input.vue
@@ -165,7 +165,7 @@ export default defineComponent({
       input,
       model,
       inputTypeValue:
-        props.inputType === "letter-numeric" ? "text" : props.inputType,
+        ["letter-numeric", "number"].includes(props.inputType) ? "text" : props.inputType,
     };
   },
 });

diff --git a/src/components/vue3-otp-input.vue b/src/components/vue3-otp-input.vue
@@ -24,7 +24,7 @@ export default /* #__PURE__ */ defineComponent({
     },
     separator: {
       type: String,
-      default: "**",
+      default: "",
     },
     inputClasses: {
       type: [String, Array] as PropType<string[] | string>,
@@ -57,7 +57,7 @@ export default /* #__PURE__ */ defineComponent({
       >,
       validator: (value: string) =>
         ["numeric", "text", "tel", "none"].includes(value),
-      default: "numeric",
+      default: "text",
     },
     shouldAutoFocus: {
       type: Boolean,
-Original file line number
+Diff line change
@@ Expand Up / @@ -165,7 +165,7 @@ export default defineComponent({ @@
           input,
           model,
           inputTypeValue:
-            props.inputType === "letter-numeric" ? "text" : props.inputType,
+            ["letter-numeric", "number"].includes(props.inputType) ? "text" : props.inputType,
         };
       },
     });
@@ Expand Down @@