Planovac, lepsi social image

src/pages/public/pilotProfile/FlightDetailPage.vue

@@ -22,7 +22,7 @@ import {useMeta} from "quasar";
 import {aircraftKeywords, flightEventKeywords, flightKeywords, metaData} from "src/composables/meta";
 import ContentCard from "components/ContentCard.vue";
 import {usePhotosStore} from "stores/Photos";
-import {computed} from "vue";
+import {computed, onMounted} from "vue";
 import {publicFlightBreadcrumbs} from "src/composables/breadcrumbs";
 
 const {isQueryRunning, flight} = storeToRefs(useFlightsStore());
@@ -34,7 +34,9 @@ const props = defineProps({
   }
 });
 
-usePhotosStore().fetchPublic({flightId: flight.value.id});
+onMounted(() => {
+  usePhotosStore().fetchPublic({flightId: flight.value.id});
+})
 const {isQueryRunning: arePhotosLoading, photos: flightPhotos} = storeToRefs(usePhotosStore());
 
 const flightNameFormatted = flightName(flight.value);
@@ -52,7 +54,7 @@ useMeta(() => metaData({
       ...flightEventKeywords(event.value)
     ],
     description: flight.value.description,
-    image: flight.value.titlePhoto?.url
+    image: flight.value.socialImageUrl
   }
 ));
 </script>