Aktualizace balicku, strnakovani, uprava hlavni stranky

src/pages/public/pilotProfile/FlightDetailPage.vue

@@ -15,16 +15,19 @@ import FlightDetailSkeleton from "components/flights/skeletons/FlightDetailSkele
 import PhotoGallery from "components/photos/PhotoGallery.vue";
 import {storeToRefs} from "pinia";
 import {flightName} from "src/composables/flight";
-import {useRoute} from "vue-router";
-import {useUserStore} from "stores/User";
 import {useMeta} from "quasar";
 import {metaData} from "src/composables/meta";
 import ContentCard from "components/ContentCard.vue";
 import {usePhotosStore} from "stores/Photos";
 
 const {isQueryRunning, flight} = storeToRefs(useFlightsStore());
-const routeParams = useRoute().params;
-const pilot = storeToRefs(useUserStore()).publicUser;
+
+const props = defineProps({
+  pilot: {
+    type: Object,
+    required: true
+  }
+});
 
 usePhotosStore().fetchPublic({flightId: flight.value.id});
 const {isQueryRunning: arePhotosLoading, photos: flightPhotos} = storeToRefs(usePhotosStore());
@@ -33,13 +36,13 @@ const flightNameFormatted = flightName(flight.value);
 useAppStore().setPageTitle(flightNameFormatted);
 useAppStore().setBreadcrumbs([
   {to: {name: 'homepage'}, label: "Polétání.cz"},
-  {to: {name: "publicProfileDetail", params: {username: routeParams.username}}, label: `@${routeParams.username}`},
+  {to: {name: "publicProfileDetail", params: {username: props.pilot.publicUsername}}, label: `@${props.pilot.publicUsername}`},
   {label: flightNameFormatted}
 ]);
 
 useMeta(() => metaData({
-    title: `${flightNameFormatted} - ${pilot.value.name}`,
-    keywords: ["let", "výlet", "letadlo", pilot.value.name, flight.value.aircraft.callSign],
+    title: `${flightNameFormatted} - ${props.pilot.name}`,
+    keywords: ["let", "výlet", "letadlo", props.pilot.name, flight.value.aircraft.callSign],
     description: flight.description,
     image: flight.titlePhoto?.url
   }
@@ -57,7 +60,7 @@ useMeta(() => metaData({
             :flight="flight"
             :poi-detail-route="{name: 'publicPOIDetail'}"
             :aircraft-detail-route="flight.aircraft.isPublic ? {name: 'publicAircraftDetail'} : null"
-            :copilot-detail-route="{name: 'publicCopilotDetail', params: {username: routeParams.username}}"
+            :copilot-detail-route="{name: 'publicCopilotDetail', params: {username: pilot.publicUsername}}"
           />
 
           <article class="q-my-lg" v-html="flight.description"/>