INIT commit

src/pages/profile/lists/AircraftsPage.vue

@@ -0,0 +1,40 @@
+<script setup>
+import {useAircraftsStore} from "stores/Aircrafts";
+import {computed, onMounted, ref} from "vue";
+import {storeToRefs} from "pinia";
+import AircraftsList from "components/aircrafts/AircraftsList.vue";
+import AddFAB from "components/AddFAB.vue";
+
+const aircraftStore = useAircraftsStore();
+const aircrafts = storeToRefs(aircraftStore).items;
+const aircraftsComputed = computed(() => aircraftStore.items);
+
+const refetch = () => {
+  loading.value = true
+  aircraftStore.fetch().then(data => console.log("data", data)).finally(() => {
+    console.log("after fetch");
+    loading.value = false
+  });
+}
+
+let loading = ref(false);
+onMounted(() => {
+  refetch();
+})
+</script>
+
+<template>
+  <q-skeleton v-if="loading">Loading (sem pridat skeleton)</q-skeleton>
+
+  <AircraftsList :items="aircrafts" v-if="!loading"/>
+
+  <q-btn @click="refetch()">Fetch</q-btn>
+
+  {{ aircrafts }}
+  <br>
+  {{ aircraftsComputed }}
+  <br>
+  {{ aircraftStore.items }}
+
+  <AddFAB :router-link="{name: 'addAircraft'}"/>
+</template>