Prvni naznak verejne casti, sprava profilu

src/layouts/ProfileLayout.vue

@@ -15,6 +15,12 @@
           {{ pageTitle || "Polétání.cz" }}
         </q-toolbar-title>
 
+         <router-link :to="{name: 'profile'}">
+            <q-avatar>
+              <img :src="loggedUser.avatarImageUrl" alt=""/>
+            </q-avatar>
+          </router-link>
+
       </q-toolbar>
     </q-header>
 
@@ -24,22 +30,15 @@
       bordered
     >
 
-      <q-img class="absolute-top" src="https://galerie.kvacek.cz/_data/i/upload/2022/06/22/20220622102027-b104fc0d-me.jpg" style="height: 150px">
-        <div class="absolute-bottom bg-transparent">
-          <router-link :to="{name: 'profile'}">
-            <q-avatar size="56px" class="q-mb-sm" v-if="loggedUser.avatarImageUrl">
-              <q-img :src="loggedUser.avatarImageUrl"/>
-            </q-avatar>
-            <q-avatar icon="person" color="primary" text-color="white" size="56px" v-else/>
-          </router-link>
-
-          <router-link
-            v-if="loggedUser.name !== ''"
-            :to="{name: 'profile'}"
-            class="text-weight-bold">
-            {{ loggedUser.name }}
-          </router-link>
-        </div>
+      <q-img class="absolute-top" :src="loggedUser.titleImageUrl" style="height: 150px">
+<!--        <div class="absolute-bottom bg-transparent">-->
+<!--          <router-link :to="{name: 'profile'}">-->
+<!--            <q-avatar size="56px" class="q-mb-sm" v-if="loggedUser.avatarImageUrl">-->
+<!--              <q-img :src="loggedUser.avatarImageUrl"/>-->
+<!--            </q-avatar>-->
+<!--            <q-avatar icon="person" color="primary" text-color="white" size="56px" v-else/>-->
+<!--          </router-link>-->
+<!--        </div>-->
       </q-img>
       <q-scroll-area style="height: calc(100% - 150px); margin-top: 150px; border-right: 1px solid #ddd">
         <q-list class="q-my-lg">
@@ -112,7 +111,7 @@ const toggleLeftDrawer = () => {
 };
 
 onMounted(() => {
-  useUserStore().setupCredentials();
+  useUserStore().fetchLoggedUserDetail();
 })
 const loggedUser = storeToRefs(useUserStore()).user;
 </script>