Reorganizace skeletonu, aktualizace app-vite a quasaru

src/pages/public/AircraftDetailPage.vue

@@ -11,7 +11,7 @@ export default {
 <script setup>
 import {useRouter} from "vue-router";
 import {useMeta, useQuasar} from "quasar";
-import AircraftDetailSkeleton from "components/aircrafts/AircraftDetailSkeleton.vue";
+import AircraftDetailSkeleton from "components/aircrafts/skeletons/AircraftDetailSkeleton.vue";
 import {confirmObject, successObject} from "src/composables/dialog";
 import {useAppStore} from "stores/App";
 import FlightsList from "components/flights/FlightsList.vue";
@@ -24,7 +24,7 @@ import AircraftInfo from "components/aircrafts/AircraftInfo.vue";
 import {useUserStore} from "stores/User";
 import {usePhotosStore} from "stores/Photos";
 import {useFlightsStore} from "stores/Flights";
-import FlightsListSkeleton from "components/flights/FlightsListSkeleton.vue";
+import FlightsListSkeleton from "components/flights/skeletons/FlightsListSkeleton.vue";
 import BasicInfoBanner from "components/banners/BasicInfoBanner.vue";
 
 const $q = useQuasar();

src/pages/public/PilotProfilePage.vue

@@ -11,7 +11,7 @@ export default {
 <script setup>
 import {storeToRefs} from "pinia";
 import PilotProfileCard from "components/profile/PilotProfileCard.vue";
-import PublicProfileSkeleton from "components/profile/PublicProfileSkeleton.vue";
+import PublicProfileSkeleton from "components/profile/skeletons/PublicProfileSkeleton.vue";
 
 const {publicUser: pilot, isQueryRunning: pilotLoading} = storeToRefs(useUserStore());
 </script>

src/pages/public/PointOfInterestDetailPage.vue

@@ -19,7 +19,7 @@ import FlightsList from "components/flights/FlightsList.vue";
 import {useAppStore} from "stores/App";
 import {useMeta} from "quasar";
 import {metaData} from "src/composables/meta";
-import FlightsListSkeleton from "components/flights/FlightsListSkeleton.vue";
+import FlightsListSkeleton from "components/flights/skeletons/FlightsListSkeleton.vue";
 import BasicInfoBanner from "components/banners/BasicInfoBanner.vue";
 
 const {pointOfInterest, isQueryRunning} = storeToRefs(usePointsOfInterestStore());

src/pages/public/pilotProfile/CopilotDetailPage.vue

@@ -16,7 +16,7 @@ import {storeToRefs} from "pinia";
 import {onMounted} from "vue";
 import {useFlightsStore} from "stores/Flights";
 import {usePhotosStore} from "stores/Photos";
-import FlightsListSkeleton from "components/flights/FlightsListSkeleton.vue";
+import FlightsListSkeleton from "components/flights/skeletons/FlightsListSkeleton.vue";
 import ContentCard from "components/ContentCard.vue";
 import PhotoGallery from "components/photos/PhotoGallery.vue";
 import {useMeta} from "quasar";

src/pages/public/pilotProfile/EventDetailPage.vue

@@ -12,7 +12,7 @@ export default {
 import {watch} from "vue";
 import {useRoute} from "vue-router";
 import {useAppStore} from "stores/App";
-import EventDetailSkeleton from "components/event/EventDetailSkeleton.vue";
+import EventDetailSkeleton from "components/event/skeletons/EventDetailSkeleton.vue";
 import {FORMAT_DATE, formatDatetime} from "src/composables/datetimeUtils";
 import FlightsList from "components/flights/FlightsList.vue";
 import {storeToRefs} from "pinia";

src/pages/public/pilotProfile/EventsListPage.vue

@@ -1,5 +1,5 @@
 <script setup>
-import FlightsListSkeleton from "components/flights/FlightsListSkeleton.vue";
+import FlightsListSkeleton from "components/flights/skeletons/FlightsListSkeleton.vue";
 import EventsList from "components/event/EventsList.vue";
 import PublicFlightEventSwitcher from "components/navigation/PublicFlightEventSwitcher.vue";
 import {useAppStore} from "stores/App";

src/pages/public/pilotProfile/FlightDetailPage.vue

@@ -11,7 +11,7 @@ export default {
 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 FlightDetailSkeleton from "components/flights/skeletons/FlightDetailSkeleton.vue";
 import PhotoGallery from "components/photos/PhotoGallery.vue";
 import {storeToRefs} from "pinia";
 import {flightName} from "src/composables/flight";
@@ -21,11 +21,9 @@ import {useMeta} from "quasar";
 import {metaData} from "src/composables/meta";
 import ContentCard from "components/ContentCard.vue";
 import {usePhotosStore} from "stores/Photos";
-import {onMounted} from "vue";
 
 const {isQueryRunning, flight} = storeToRefs(useFlightsStore());
 const routeParams = useRoute().params;
-
 const pilot = storeToRefs(useUserStore()).publicUser;
 
 usePhotosStore().fetchPublic({flightId: flight.value.id});
@@ -69,7 +67,7 @@ useMeta(() => metaData({
             <PhotoGallery :photos="flightPhotos" v-else/>
           </q-no-ssr>
 
-          <FlightTrackMap :flight="flight" :photos="flightPhotos"/>
+          <FlightTrackMap :key="flight.id" :flight="flight" :photos="flightPhotos"/>
         </q-card-section>
       </template>
     </ContentCard>

src/pages/public/pilotProfile/FlightsListPage.vue

@@ -1,5 +1,5 @@
 <script setup>
-import FlightsListSkeleton from "components/flights/FlightsListSkeleton.vue";
+import FlightsListSkeleton from "components/flights/skeletons/FlightsListSkeleton.vue";
 import FlightsList from "components/flights/FlightsList.vue";
 import PublicFlightEventSwitcher from "components/navigation/PublicFlightEventSwitcher.vue";
 import {useAppStore} from "stores/App";
@@ -43,11 +43,10 @@ const loggedUser = storeToRefs(useUserStore()).user;
     Tento pilot zatím nepublikoval žádný let.
   </q-banner>
 
-  <template v-else>
-    <FlightsList
+  <FlightsList
+      v-else
       :items="flights"
       :public="true"
       class="q-mb-md"
-    />
-  </template>
+  />
 </template>