Aircraft CRUD

src/pages/profile/details/AircraftDetailPage.vue

@@ -2,8 +2,8 @@
 import {computed, onMounted, reactive, ref} from "vue";
 import {useAircraftsStore} from "stores/Aircrafts";
 import {useRoute, useRouter} from "vue-router";
-import {storeToRefs} from "pinia";
 import {useQuasar} from "quasar";
+import AircraftDetailSkeleton from "components/aircrafts/AircraftDetailSkeleton.vue";
 
 const aircraftStore = useAircraftsStore();
 const route = useRoute();
@@ -38,7 +38,7 @@ const confirmDelete = (id) => {
 </script>
 
 <template>
-  <q-skeleton v-if="loading && aircraft"/>
+  <AircraftDetailSkeleton v-if="loading && aircraft"/>
   <template v-else>
     <q-breadcrumbs>
       <q-breadcrumbs-el :to="{name: 'aircrafts'}">Letadla</q-breadcrumbs-el>
@@ -47,6 +47,8 @@ const confirmDelete = (id) => {
 
     <h1>{{ aircraft.name }}</h1>
 
+    {{ aircraft.photoUrl }}
+
     <q-list>
       <q-item>
         Výrobce: {{ aircraft.manufacturer }}