Ne uplne otestovany prepis storu

src/pages/profile/event/EventDetailPage.vue

@@ -1,17 +1,17 @@
 <script setup>
 import {useRoute} from "vue-router";
 import {onMounted} from "vue";
-import {event, fetchEvent, loading} from "src/composables/objects/event";
 import EventDetailSkeleton from "components/event/EventDetailSkeleton.vue";
 import {useAppStore} from "stores/App";
 import FAB from "components/FAB.vue";
 import FlightsList from "components/flights/FlightsList.vue";
-import ListItemSkeleton from "components/basicSkeletons/ListItemSkeleton.vue";
-import {FORMAT_DATE, FORMAT_DATETIME_LONG, formatDatetime} from "../../../composables/datetimeUtils";
+import {FORMAT_DATE, formatDatetime} from "src/composables/datetimeUtils";
+import {useEventsStore} from "stores/Events";
+import {storeToRefs} from "pinia";
 
 const eventId = parseInt(useRoute().params.id);
 onMounted(() => {
-  fetchEvent(eventId).then(() => {
+  useEventsStore().fetchDetail(eventId).then(() => {
     useAppStore().setPageTitle(event.value.name);
     useAppStore().setBreadcrumbs([
       {to: {name: "events"}, label: "Události"},
@@ -19,13 +19,14 @@ onMounted(() => {
     ])
   });
 })
+
+const {isQueryRunning, event} = storeToRefs(useEventsStore());
 </script>
 
 <template>
-  <EventDetailSkeleton v-if="loading || !event"/>
+  <EventDetailSkeleton v-if="isQueryRunning || !event"/>
 
   <template v-else>
-
     <q-list bordered separator class="q-my-lg" v-if="event.dateFrom && event.dateTo">
       <q-item>
         <q-item-section>