From 1ea1cdef95406b2ad45981ef81c19d4b5d0e5f3d Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Thu, 15 Jun 2023 22:15:16 -0700
Subject: [PATCH 1/2] refactor: :arrow_up: use custom version of vue3-otp-input

This enables the use of number inputs without the slider
---
 packages/client/package.json                |  2 +-
 packages/client/src/components/MkSignin.vue |  2 +-
 pnpm-lock.yaml                              | 25 ++++++++++++---------
 3 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/packages/client/package.json b/packages/client/package.json
index 9816f6963..d024277dd 100644
--- a/packages/client/package.json
+++ b/packages/client/package.json
@@ -87,7 +87,7 @@
 		"vue-isyourpasswordsafe": "^2.0.0",
 		"vue-plyr": "^7.0.0",
 		"vue-prism-editor": "2.0.0-alpha.2",
-		"vue3-otp-input": "^0.4.1",
+		"vue3-otp-input": "github:thatonecalculator/vue3-otp-input",
 		"vuedraggable": "4.1.0"
 	}
 }
diff --git a/packages/client/src/components/MkSignin.vue b/packages/client/src/components/MkSignin.vue
index 0c8fffcaf..70c7ecd59 100644
--- a/packages/client/src/components/MkSignin.vue
+++ b/packages/client/src/components/MkSignin.vue
@@ -101,7 +101,7 @@
 					</MkInput>
 					<vue3-otp-input
 						input-classes="_otp_input"
-						inputType="letter-numeric"
+						inputType="number"
 						separator=""
 						:num-inputs="6"
 						v-model="token"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e1c51be05..d4e70ef0f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -907,8 +907,8 @@ importers:
         specifier: 2.0.0-alpha.2
         version: 2.0.0-alpha.2(vue@3.3.4)
       vue3-otp-input:
-        specifier: ^0.4.1
-        version: 0.4.1(vue@3.3.4)
+        specifier: github:thatonecalculator/vue3-otp-input
+        version: github.com/thatonecalculator/vue3-otp-input/098b24b224661884983a5035ef3b245a519dff14(vue@3.3.4)
       vuedraggable:
         specifier: 4.1.0
         version: 4.1.0(vue@3.3.4)
@@ -15216,15 +15216,6 @@ packages:
       vue: 3.3.4
     dev: true
 
-  /vue3-otp-input@0.4.1(vue@3.3.4):
-    resolution: {integrity: sha512-wVl9i3DcWlO0C7fBI9V+RIP3crm/1tY72fuhvb3YM2JfbLoYofB96aPl5AgFhA0Cse5bQEMYtIvOeiqW3rfbAw==}
-    engines: {node: '>=16.0.0', npm: '>=8.0.0'}
-    peerDependencies:
-      vue: ^3.0.*
-    dependencies:
-      vue: 3.3.4
-    dev: true
-
   /vue@2.7.14:
     resolution: {integrity: sha512-b2qkFyOM0kwqWFuQmgd4o+uHGU7T+2z3T+WQp8UBjADfEv2n4FEMffzBmCKNP0IGzOEEfYjvtcC62xaSKeQDrQ==}
     dependencies:
@@ -15906,3 +15897,15 @@ packages:
       rangetouch: 2.0.1
       url-polyfill: 1.1.12
     dev: true
+
+  github.com/thatonecalculator/vue3-otp-input/098b24b224661884983a5035ef3b245a519dff14(vue@3.3.4):
+    resolution: {tarball: https://codeload.github.com/thatonecalculator/vue3-otp-input/tar.gz/098b24b224661884983a5035ef3b245a519dff14}
+    id: github.com/thatonecalculator/vue3-otp-input/098b24b224661884983a5035ef3b245a519dff14
+    name: vue3-otp-input
+    version: 0.4.1
+    engines: {node: '>=16.0.0', npm: '>=8.0.0'}
+    peerDependencies:
+      vue: ^3.0.*
+    dependencies:
+      vue: 3.3.4
+    dev: true

From 624746173642f4b80dbd1761055c88c3994e4b0b Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Thu, 15 Jun 2023 22:16:21 -0700
Subject: [PATCH 2/2] fix: :adhesive_bandage: convert numeric input to string

---
 packages/client/src/components/MkSignin.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/client/src/components/MkSignin.vue b/packages/client/src/components/MkSignin.vue
index 70c7ecd59..3d2e05dfa 100644
--- a/packages/client/src/components/MkSignin.vue
+++ b/packages/client/src/components/MkSignin.vue
@@ -186,7 +186,7 @@ let hCaptchaResponse = $ref(null);
 let reCaptchaResponse = $ref(null);
 
 const updateToken = (value: string) => {
-	token = value;
+	token = value.toString();
 };
 
 const meta = $computed(() => instance);