Ne uplne otestovany prepis storu

src/pages/profile/event/EditEventPage.vue

@@ -1,6 +1,5 @@
 <script setup>
 import {onMounted} from "vue";
-import {loading, event, fetchEvent, isRequestPending} from "src/composables/objects/event";
 import {useAppStore} from "stores/App";
 import {useRoute, useRouter} from "vue-router";
 import {useEventsStore} from "stores/Events";
@@ -8,15 +7,16 @@ import {successObject} from "src/composables/dialog";
 import {useQuasar} from "quasar";
 import EventEditSkeleton from "components/event/EventEditSkeleton.vue";
 import EventForm from "components/event/EventForm.vue";
+import {storeToRefs} from "pinia";
 
 const eventId = parseInt(useRoute().params.id);
 
 onMounted(() => {
-  fetchEvent(eventId).then(() => {
-    useAppStore().setPageTitle(`${event.value.name} - editace`);
+  useEventsStore().fetchDetail(eventId).then((e) => {
+    useAppStore().setPageTitle(`${e.name} - editace`);
     useAppStore().setBreadcrumbs([
       {to: {name: "events"}, label: "Události"},
-      {to: {name: "eventDetail", params: {id: eventId}}, label: event.value.name},
+      {to: {name: "eventDetail", params: {id: eventId}}, label: e.name},
       {label: "Editace"}
     ])
   })
@@ -31,15 +31,17 @@ const handleSave = (formData) => {
     $router.push({name: "eventDetail", params: {id: eventId}});
   });
 }
+
+const {isQueryRunning, isMutationRunning, event} = storeToRefs(useEventsStore());
 </script>
 
 <template>
-  <EventEditSkeleton v-if="loading"/>
+  <EventEditSkeleton v-if="isQueryRunning"/>
 
   <EventForm
     v-else
     :event="event"
-    :is-request-pending="isRequestPending"
+    :is-request-pending="isMutationRunning"
     @save="handleSave"
   />
 </template>