Ne uplne otestovany prepis storu

src/pages/profile/flight/FlightsPage.vue

@@ -4,30 +4,33 @@ import {useQuasar} from "quasar";
 import FlightsList from "components/flights/FlightsList.vue";
 import FlightsListSkeleton from "components/flights/FlightsListSkeleton.vue";
 import FAB from "components/FAB.vue";
-import {fetchFlights, flights, handleDeleteFlight, loading} from "src/composables/objects/flight";
 import {useAppStore} from "stores/App";
 import BasicInfoBanner from "components/banners/BasicInfoBanner.vue";
+import {useFlightsStore} from "stores/Flights";
+import {storeToRefs} from "pinia";
 
 const $q = useQuasar();
 
 useAppStore().setPageTitle("Moje lety")
 onMounted(() => {
-  fetchFlights();
+  useFlightsStore().fetch();
 })
+
+const {flights, isQueryRunning} = storeToRefs(useFlightsStore());
 </script>
 
 <template>
-  <FlightsListSkeleton v-if="loading"/>
+  <FlightsListSkeleton v-if="isQueryRunning"/>
 
   <BasicInfoBanner
-    v-else-if="!loading && flights.length === 0"
+    v-else-if="!isQueryRunning && flights.length === 0"
     :route-add="{name: 'addFlight'}"
     label-add="Přidat let"
   >
     Nemáš zaznamenaný žádný let.
   </BasicInfoBanner>
 
-  <FlightsList v-else :items="flights" @delete="handleDeleteFlight($q, $event)"/>
+  <FlightsList v-else :items="flights"/>
 
   <FAB mode="add" :router-link="{name: 'addFlight'}"/>
 </template>