Aktualizace balicku, strnakovani, uprava hlavni stranky

src/layouts/ProfileLayout.vue

@@ -3,12 +3,12 @@
     <q-header reveal elevated class="bg-primary text-white">
       <q-toolbar>
         <q-btn
-            flat
-            dense
-            round
-            icon="menu"
-            aria-label="Menu"
-            @click="toggleLeftDrawer"
+          flat
+          dense
+          round
+          icon="menu"
+          aria-label="Menu"
+          @click="toggleLeftDrawer"
         />
 
         <q-toolbar-title>
@@ -21,9 +21,9 @@
     </q-header>
 
     <q-drawer
-        v-model="leftDrawerOpen"
-        show-if-above
-        bordered
+      v-model="leftDrawerOpen"
+      show-if-above
+      bordered
     >
       <q-img class="absolute-top" v-if="!isQueryRunning && user" :src="user.titleImageUrl" style="height: 150px"/>
       <q-spinner v-else/>
@@ -41,15 +41,20 @@
     </q-page-container>
   </q-layout>
 </template>
+
 <script>
-import {useUserStore} from "stores/User";
+import {useLoggedUserStore} from "stores/LoggedUser";
 
 export default {
-  preFetch() {
-    return useUserStore().fetchLoggedUserDetail({refresh: true});
+  preFetch({redirect, currentRoute}) {
+    // nelze udelat refresh tokenu, protoze refreshToken je ulozeny v HTTP-only cookie a neposila se!
+    return useLoggedUserStore().fetchLoggedUserDetail({refresh: false}).catch(() => {
+      redirect({name: "profileRefresh", query: {url: currentRoute.href}})
+    })
   }
 }
 </script>
+
 <script setup>
 import {ref} from 'vue'
 import {storeToRefs} from "pinia";
@@ -75,10 +80,10 @@ const toggleLeftDrawer = () => {
   leftDrawerOpen.value = !leftDrawerOpen.value
 };
 
-const {isQueryRunning, user} = storeToRefs(useUserStore());
+const {isQueryRunning, user} = storeToRefs(useLoggedUserStore());
 
 const logout = () => {
-  useUserStore().logout().then(() => {
+  useLoggedUserStore().logout().then(() => {
     $q.notify(successObject("Odhlášení bylo úspěšné"));
     $router.push({name: "homepage"});
   })