From 41acb99c82e4ac998b636be94c158ad0a6127a22 Mon Sep 17 00:00:00 2001
From: hicallmeal <76943372+hicallmeal@users.noreply.github.com>
Date: Tue, 2 Jul 2024 03:55:37 +1000
Subject: [PATCH 1/2] Implement work-around/fix for incorrect render of
 manually added HOTP tokens

The parsed `<option>` returns the OTP.type in string value, instead of the required integer type. Later in execution, the code can't handle the string in comparisons, etc.

This just parseInts the string so that it's correctly handled.
---
 src/components/Popup/AddAccountPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Popup/AddAccountPage.vue b/src/components/Popup/AddAccountPage.vue
index 36b45a0cb..0e1866c99 100644
--- a/src/components/Popup/AddAccountPage.vue
+++ b/src/components/Popup/AddAccountPage.vue
@@ -103,7 +103,7 @@ export default Vue.extend({
       ) {
         type = OTPType.hhex;
       } else {
-        type = this.newAccount.type;
+        type = parseInt(this.newAccount.type);
       }
 
       if (type === OTPType.hhex || type === OTPType.hotp) {

From c4cd375dee3a2c88f468379b16e0c6a200c1c559 Mon Sep 17 00:00:00 2001
From: hicallmeal <76943372+hicallmeal@users.noreply.github.com>
Date: Wed, 3 Jul 2024 00:56:45 +1000
Subject: [PATCH 2/2] updated patch with proper fix

Given the issue derives from the `option`s returning the value as a string by default, the 'number' modifier typecasts the value as a number.

This then correctly flows on to the script execution
https://v2.vuejs.org/v2/guide/forms.html
---
 src/components/Popup/AddAccountPage.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Popup/AddAccountPage.vue b/src/components/Popup/AddAccountPage.vue
index 0e1866c99..371db9d85 100644
--- a/src/components/Popup/AddAccountPage.vue
+++ b/src/components/Popup/AddAccountPage.vue
@@ -33,7 +33,7 @@
         <option :value="OTPAlgorithm.GOST3411_2012_256">GOST 34.11 256</option>
         <option :value="OTPAlgorithm.GOST3411_2012_512">GOST 34.11 512</option>
       </a-select-input>
-      <a-select-input :label="i18n.type" v-model="newAccount.type">
+      <a-select-input :label="i18n.type" v-model.number="newAccount.type">
         <option :value="OTPType.totp">{{ i18n.based_on_time }}</option>
         <option :value="OTPType.hotp">{{ i18n.based_on_counter }}</option>
         <option :value="OTPType.battle">Battle.net</option>
@@ -103,7 +103,7 @@ export default Vue.extend({
       ) {
         type = OTPType.hhex;
       } else {
-        type = parseInt(this.newAccount.type);
+        type = this.newAccount.type;
       }
 
       if (type === OTPType.hhex || type === OTPType.hotp) {