composables, mazani letu, skeletony

src/layouts/ProfileLayout.vue

@@ -12,7 +12,7 @@
         />
 
         <q-toolbar-title>
-          Polétání.cz
+          {{ app.pageTitle.value || "Polétání.cz"}}
         </q-toolbar-title>
 
       </q-toolbar>
@@ -47,22 +47,21 @@
     </q-drawer>
 
     <q-page-container class="q-px-md">
+      <BreadcrumbsNavigation :items="app.breadcrumbs.value" />
       <router-view/>
     </q-page-container>
   </q-layout>
 </template>
 
 <script setup>
-import {computed, onMounted, ref} from 'vue'
+import {onMounted, ref} from 'vue'
 import NavigationButton from "../components/navigation/NavigationButton.vue";
-import {useMeta} from "quasar";
 import {useUserStore} from "stores/User";
 import {storeToRefs} from "pinia";
+import BreadcrumbsNavigation from "components/BreadcrumbsNavigation.vue";
+import {useAppStore} from "stores/App";
 
-const metadata = {
-  titleTemplate: title => `${title} - Polétání.cz`,
-}
-useMeta(metadata);
+const app = storeToRefs(useAppStore());
 
 const linksList = [
    {