composables, mazani letu, skeletony

src/components/copilots/CopilotDetailSkeleton.vue

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

src/components/copilots/CopilotEditSkeleton.vue

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

src/components/copilots/CopilotListSkeleton.vue

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

src/components/copilots/CopilotsList.vue

@@ -0,0 +1,25 @@
+<script setup>
+
+const props = defineProps({
+  items: {
+    type: Array,
+    required: true
+  }
+})
+
+</script>
+
+<template>
+  <q-list bordered separator>
+    <q-item clickable v-ripple v-for="pilot of items" :key="pilot">
+      <q-item-label>
+        <router-link :to="{name: 'pilotDetail', params: {id: pilot.id }}">
+          {{ pilot.name }}
+        </router-link>
+      </q-item-label>
+      <q-item-section>
+        section
+      </q-item-section>
+    </q-item>
+  </q-list>
+</template>