Reorganizace skeletonu, aktualizace app-vite a quasaru

src/layouts/ProfileLayout.vue

@@ -34,7 +34,8 @@
     </q-drawer>
 
     <q-page-container>
-      <BreadcrumbsNavigation class="q-mx-md q-my-md" :items="breadcrumbs"/>
+      <BreadcrumbsNavigation :items="breadcrumbs" v-if="breadcrumbs !== null"/>
+      <BreadcrumbsSkeleton v-if="breadcrumbs === null" />
       <div class="q-mx-md q-my-md">
         <router-view/>
       </div>
@@ -54,11 +55,15 @@ import {successObject} from "src/composables/dialog";
 import SidebarNavigation from "components/navigation/SidebarNavigation.vue";
 import TopMenuButton from "components/navigation/TopMenuButton.vue";
 import {metaData} from "src/composables/meta";
+import BreadcrumbsSkeleton from "components/navigation/BreadcrumbsSkeleton.vue";
 
 const $q = useQuasar();
 const $router = useRouter();
 
 const {pageTitle, breadcrumbs} = storeToRefs(useAppStore());
+useMeta(() => metaData({
+  title: pageTitle.value
+}));
 
 const leftDrawerOpen = ref(false)
 const toggleLeftDrawer = () => {
@@ -70,10 +75,6 @@ onMounted(() => {
 })
 const {isQueryRunning, user} = storeToRefs(useUserStore());
 
-useMeta(() => metaData({
-  title: pageTitle.value
-}));
-
 const logout = () => {
   useUserStore().logout().then(() => {
     $q.notify(successObject("Odhlášení bylo úspěšné"));