uprava breadcrumbs v privatni casti, nasazeni prefetche

src/pages/profile/organization/OrganizationDetailPage.vue

@@ -1,3 +1,13 @@
+<script>
+import {useOrganizationsStore} from "stores/Organizations";
+
+export default {
+  preFetch({currentRoute}) {
+    return useOrganizationsStore().fetchDetail(currentRoute.params.id);
+  }
+}
+</script>
+
 <script setup>
 import {useRoute} from "vue-router";
 import {computed, onMounted} from "vue";
@@ -8,25 +18,19 @@ import {useLoggedUserStore} from "stores/LoggedUser";
 import BasicListSkeleton from "components/basicSkeletons/BasicListSkeleton.vue";
 import AircraftsList from "components/aircrafts/AircraftsList.vue";
 import BasicInfoBanner from "components/banners/BasicInfoBanner.vue";
-import {useQuasar} from "quasar";
 import AvatarFromPhoto from "components/avatars/AvatarFromPhoto.vue";
-import {useOrganizationsStore} from "stores/Organizations";
 
 const organizationId = parseInt(useRoute().params.id);
+const {isQueryRunning, organization} = storeToRefs(useOrganizationsStore());
 const loggedUser = storeToRefs(useLoggedUserStore()).user;
 
-onMounted(() => {
-  useOrganizationsStore().fetchDetail(organizationId).then((o) => {
-    useAppStore().setPageTitle(o.name);
-    useAppStore().setBreadcrumbs([
-      {to: {name: "organizations"}, label: "Organizace"},
-      {label: o.name}
-    ])
-  });
-});
+useAppStore().setPageTitle(organization.value.name);
+useAppStore().setBreadcrumbs([
+  {to: {name: "organizations"}, label: "Organizace"},
+  {label: organization.value.name}
+]);
 
 const myOrganizationIds = computed(() =>  (loggedUser.value && loggedUser.value.organizations?.map(o => o.id)) || []);
-const {isQueryRunning, organization} = storeToRefs(useOrganizationsStore());
 </script>
 
 <template>