update qr

src/App.vue

@@ -1,7 +1,6 @@
 <template>
   <div v-if="isAppInitialized" class="app__container">
     <app-navbar class="app__navbar" />
-
     <router-view v-slot="{ Component, route }">
       <transition
         :name="route.meta.transition as string || 'fade'"

src/common/modals/QrAuthModal.vue

@@ -9,7 +9,7 @@
 <script setup lang="ts">
 import * as QRCode from 'qrcode'
 import { Modal } from '@/common'
-import { ref } from 'vue'
+import { ref, watch } from 'vue'
 
 const props = defineProps<{
   isShown: boolean
@@ -37,7 +37,7 @@ const init = async () => {
   )
 }
 
-init()
+watch(props, init)
 </script>
 
 <style scoped lang="scss">

src/pages/Vote.vue

@@ -140,19 +140,20 @@ const vote = async () => {
       votingOption: vote.attributes.id,
       rank: id + 1,
     }))
-
-    await validate()
   } catch (error) {
     ErrorHandler.process(error)
+    return
   }
+
+  await validate()
 }
 
 const validate = async () => {
   try {
-    return auth(nonce.value)
-  } catch (error) {
-    await sleep(1000)
+    await sleep(5000)
     await auth(nonce.value)
+  } catch (error) {
+    await validate()
   }
 }