Ne uplne otestovany prepis storu

src/pages/public/pilotProfile/FlightDetailPage.vue

@@ -1,34 +1,34 @@
 <script setup>
 import {onMounted, watch} from "vue";
-import {fetchFlight, flight, flightName, loading} from "src/composables/objects/flight";
 import {useRoute} from "vue-router";
 import FlightTrackMap from "components/flights/FlightTrackMap.vue";
 import FlightBasicInfo from "components/flights/FlightBasicInfo.vue";
 import {useAppStore} from "stores/App";
 import FlightDetailSkeleton from "components/flights/FlightDetailSkeleton.vue";
-import {fetchUser, loading as pilotLoading, user as pilot} from "src/composables/objects/user";
 import PhotoGallery from "components/photos/PhotoGallery.vue";
+import {storeToRefs} from "pinia";
+import {useFlightsStore} from "stores/Flights";
+import {flightName} from "src/composables/objects/flight";
 
 const routeParams = useRoute().params;
 onMounted(() => {
-  fetchFlight(routeParams.id, routeParams.username);
-  fetchUser(routeParams.username)
+  useFlightsStore().fetchDetail(routeParams.id, routeParams.username).then(f => {
+    const flightNameFormatted = flightName(f);
+    useAppStore().setPageTitle(flightNameFormatted);
+    useAppStore().setBreadcrumbs([
+      {to: {name: 'homepage'}, label: "Polétání.cz"},
+      {to: {name: "publicProfileDetail", params: {username: routeParams.username}}, label: `@${routeParams.username}`},
+      {label: flightNameFormatted}
+    ]);
+  })
 })
 
-watch(flight, (newVal) => {
-  const flightNameFormatted = flightName(newVal);
-  useAppStore().setPageTitle(flightNameFormatted);
-  useAppStore().setBreadcrumbs([
-    {to: {name: 'homepage'}, label: "Polétání.cz"},
-    {to: {name: "publicProfileDetail", params: {username: routeParams.username}}, label: `@${routeParams.username}`},
-    {label: flightNameFormatted}
-  ]);
-});
+const {isQueryRunning, flight} = storeToRefs(useFlightsStore());
 </script>
 
 <template>
   <div>
-    <FlightDetailSkeleton v-if="loading || !flight"/>
+    <FlightDetailSkeleton v-if="isQueryRunning || !flight"/>
 
     <template v-else>
       <q-banner class="bg-warning text-white q-mx-md q-my-md" v-if="!flight.isPublic">
@@ -44,8 +44,8 @@ watch(flight, (newVal) => {
 
         <q-card-section>
           <FlightBasicInfo
-            :flight="flight"
-            :copilot-detail-route="{name: 'publicCopilotDetail', params: {username: routeParams.username}}"
+              :flight="flight"
+              :copilot-detail-route="{name: 'publicCopilotDetail', params: {username: routeParams.username}}"
           />
 
           <article class="q-my-lg" v-html="flight.description"/>