Drobna uprava refreshe loginu

src/layouts/ProfileLayout.vue

@@ -23,7 +23,6 @@
     <q-drawer
       v-model="leftDrawerOpen"
       show-if-above
-      bordered
     >
       <q-img
         fit="cover"

src/pages/profile/ProfileRefreshPage.vue

@@ -1,6 +1,6 @@
 <script setup>
 import {useRoute, useRouter} from "vue-router";
-import {computed, onMounted, ref} from "vue";
+import {computed, onBeforeMount, onUnmounted, ref} from "vue";
 import {useAuthStore} from "stores/Auth";
 
 const $route = useRoute();
@@ -8,22 +8,23 @@ const $router = useRouter();
 
 const url = computed(() => $route.query.url || '/moje');
 const showLoginInfo = ref(false);
+const defaultRedirectTimeout = ref(null);
 
-onMounted(() => {
+onBeforeMount(() => {
-  useAuthStore().refreshAccessToken().then(() => {
+  useAuthStore().refreshAccessToken()
-    $router.push(url.value)
+    .then(() => $router.push(url.value))
-  }).catch(e => {
+    .catch(e => $router.push({name: "login"}));
-    $router.push({name: "login"})
-  });
 
   setTimeout(() => showLoginInfo.value = true, 1000);
-  setTimeout(() => $router.push(url.value), 10000);
+  defaultRedirectTimeout.value = setTimeout(() => $router.push(url.value), 10000);
 });
 
+onUnmounted(() => {
+  clearTimeout(defaultRedirectTimeout.value);
+})
 </script>
 
 <template>
-
   <div class="row justify-center">
     <div class="col-sm-12 col-4">
       <transition
@@ -45,8 +46,6 @@ onMounted(() => {
           </q-card-actions>
         </q-card>
       </transition>
-
     </div>
   </div>
-
 </template>