Reorganizace skeletonu, aktualizace app-vite a quasaru

src/pages/profile/copilot/CopilotDetailPage.vue

@@ -1,14 +1,12 @@
 <script setup>
 import {useRoute} from "vue-router";
-import {computed, onMounted} from "vue";
-import CopilotDetailSkeleton from "components/copilots/CopilotDetailSkeleton.vue";
+import {onMounted} from "vue";
+import CopilotDetailSkeleton from "components/copilots/skeletons/CopilotDetailSkeleton.vue";
 import {useAppStore} from "stores/App";
-import FAB from "components/FAB.vue";
 import FlightsList from "components/flights/FlightsList.vue";
 import {useCopilotsStore} from "stores/Copilots";
 import {storeToRefs} from "pinia";
 import PhotoGallery from "components/photos/PhotoGallery.vue";
-import TitlePhotoWithGallery from "components/photos/TitlePhotoWithGallery.vue";
 import ContentCard from "components/ContentCard.vue";
 
 const copilotId = parseInt(useRoute().params.id);
@@ -23,13 +21,6 @@ onMounted(() => {
 });
 
 const {isQueryRunning, copilot} = storeToRefs(useCopilotsStore());
-
-const copilotTitlePhoto = computed(() => {
-  if (!copilot.value || copilot.value.photos.length === 0) return null;
-
-  return copilot.value.photos[0];
-});
-
 </script>
 
 <template>
@@ -37,7 +28,7 @@ const copilotTitlePhoto = computed(() => {
 
   <template v-else>
 
-    <ContentCard :title-photo="copilotTitlePhoto" :title="copilot.name">
+    <ContentCard :title-photo="copilot.titlePhoto" :title="copilot.name">
       <template #actions>
         <div class="col-grow">
           <q-btn