composables, mazani letu, skeletony

src/components/aircrafts/AircraftEditSkeleton.vue

@@ -0,0 +1,5 @@
+<script setup></script>
+
+<template>
+  <em>Aircraft edit skeleton</em>
+</template>

src/components/aircrafts/AircraftForm.vue

@@ -34,11 +34,15 @@ onMounted(() => {
 </script>
 
 <template>
-  <FormWrapper v-model="formData">
+  <FormWrapper v-model="formData" :is-request-pending="isRequestPending">
     <q-input type="text" :rules="rules.callSign" v-model="formData.callSign" label="Volací značka"/>
     <q-input type="text" v-model="formData.model" label="Model"/>
     <q-input type="text" v-model="formData.manufacturer" label="Výrobce"/>
     <q-input type="textarea" v-model="formData.description" label="Popis" />
-    <q-file v-model="formData.photo" label="Avatar" />
+
+
+    {{ props.defaultValues.photoUrl }}
+    <q-img :src="props.defaultValues.photoUrl" v-if="props.defaultValues.photoUrl" />
+    <q-file v-model="formData.photo" label="Fotografie" />
   </FormWrapper>
 </template>

src/components/aircrafts/AircraftsList.vue

@@ -1,11 +1,15 @@
 <script setup>
 
+import {useAppStore} from "stores/App";
+
 const props = defineProps({
   items: {
     type: Array,
     required: true
   }
 });
+
+useAppStore().setPageTitle("Letadla");
 </script>
 
 <template>