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] 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