Ne uplne otestovany prepis storu

src/layouts/ProfileLayout.vue

@@ -15,7 +15,7 @@
           {{ pageTitle || "Polétání.cz" }}
         </q-toolbar-title>
 
-        <TopMenuButton :logged-user="loggedUser" @logout="logout"/>
+        <TopMenuButton v-if="!isQueryRunning && user" :logged-user="user" @logout="logout"/>
 
       </q-toolbar>
     </q-header>
@@ -26,7 +26,9 @@
       bordered
     >
 
-      <q-img class="absolute-top" :src="loggedUser.titleImageUrl" style="height: 150px"/>
+      <q-img class="absolute-top" v-if="!isQueryRunning && user" :src="user.titleImageUrl" style="height: 150px" />
+      <q-spinner v-else />
+
       <q-scroll-area style="height: calc(100% - 150px); margin-top: 150px; border-right: 1px solid #ddd">
         <SidebarNavigation/>
       </q-scroll-area>
@@ -42,7 +44,7 @@
 </template>
 
 <script setup>
-import {onMounted, ref} from 'vue'
+import {onBeforeMount, onMounted, ref} from 'vue'
 import NavigationButton from "components/navigation/NavigationButton.vue";
 import {useUserStore} from "stores/User";
 import {storeToRefs} from "pinia";
@@ -68,10 +70,10 @@ const toggleLeftDrawer = () => {
   leftDrawerOpen.value = !leftDrawerOpen.value
 };
 
-onMounted(() => {
+onBeforeMount(() => {
   useUserStore().fetchLoggedUserDetail();
 })
-const loggedUser = storeToRefs(useUserStore()).user;
+const {isQueryRunning, user} = storeToRefs(useUserStore());
 
 const logout = () => {
   useUserStore().logout().then(() => {