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