composables, mazani letu, skeletony

src/pages/profile/lists/FlightsPage.vue

@@ -1,23 +1,17 @@
 <script setup>
-import {onMounted, ref} from "vue";
-import {useFlightsStore} from "stores/Flights";
-import {useMeta} from "quasar";
+import {onMounted} from "vue";
+import {useQuasar} from "quasar";
 import FlightsList from "components/flights/FlightsList.vue";
 import FlightsListSkeleton from "components/flights/FlightsListSkeleton.vue";
-import {storeToRefs} from "pinia";
-import AddFAB from "components/FAB.vue";
+import FAB from "components/FAB.vue";
+import {fetchFlights, flights, handleDeleteFlight, loading} from "src/composables/objects/flight";
+import {useAppStore} from "stores/App";
 
-useMeta({title: "Moje lety"});
+const $q = useQuasar();
 
-const flightsStore = useFlightsStore();
-const flights = storeToRefs(flightsStore).items;
-
-const loading = ref(false);
+useAppStore().setPageTitle("Moje lety")
 onMounted(() => {
-  loading.value = true;
-  flightsStore.fetch().finally(() => {
-    loading.value = false;
-  });
+  fetchFlights();
 })
 </script>
 
@@ -36,8 +30,7 @@ onMounted(() => {
     </q-banner>
   </div>
 
-  <FlightsList :items="flights" v-else/>
+  <FlightsList v-else :items="flights" @delete="handleDeleteFlight($q, $event)" />
 
-
-  <AddFAB mode="add" :router-link="{name: 'addFlight'}"/>
+  <FAB mode="add" :router-link="{name: 'addFlight'}"/>
 </template>