Zaklad pro zadavani novych letu

src/components/aircrafts/AircraftsList.vue

@@ -10,19 +10,28 @@ const props = defineProps({
 
 <template>
   <q-list bordered separator>
-    <q-item clickable v-ripple v-for="plane of props.items" :key="plane">
-        <q-item-section avatar>
-          <q-avatar v-if="plane.photoUrl">
-            <img :src="plane.photoUrl">
-          </q-avatar>
-          <q-avatar icon="airplane" v-else></q-avatar>
-        </q-item-section>
+    <q-item
+      clickable
+      v-ripple
+      :to="{name: 'aircraftDetail', params: {id: aircraft.id }}"
+      v-for="aircraft of props.items" :key="aircraft"
+    >
+      <q-item-section avatar>
+        <q-avatar v-if="aircraft.photoUrl">
+          <img :src="aircraft.photoUrl" alt=""/>
+        </q-avatar>
+        <q-avatar color="teal" text-color="white" icon="flight" v-else/>
+      </q-item-section>
       <q-item-section>
-        <router-link :to="{name: 'aircraftDetail', params: {id: plane.id }}">
-          {{ plane.name }}
-        </router-link>
-
-        {{ plane.type }}
+        <q-item-label label>
+          {{ aircraft.name }}
+        </q-item-label>
+        <q-item-label caption>
+          {{ aircraft.model }}
+          <template v-if="aircraft.manufacturer">
+            ({{ aircraft.manufacturer }})
+          </template>
+        </q-item-label>
       </q-item-section>
     </q-item>
   </q-list>