Ne uplne otestovany prepis storu

src/pages/profile/poi/EditPointOfInterestPage.vue

@@ -1,6 +1,5 @@
 <script setup>
 import POIEditSkeleton from "components/poi/POIEditSkeleton.vue";
-import {fetchPoi, loading, poi} from "src/composables/objects/poi";
 import {onMounted} from "vue";
 import {useRoute, useRouter} from "vue-router";
 import {usePointsOfInterestStore} from "stores/PointsOfInterest";
@@ -16,11 +15,11 @@ import AccessDeniedBanner from "components/banners/AccessDeniedBanner.vue";
 const poiId = parseInt(useRoute().params.id);
 
 onMounted(() => {
-  fetchPoi(poiId).then(() => {
-    useAppStore().setPageTitle(`${poi.value.name} - editace`);
+  usePointsOfInterestStore().fetchDetail(poiId).then((p) => {
+    useAppStore().setPageTitle(`${p.name} - editace`);
     useAppStore().setBreadcrumbs([
       {to: {name: "poi"}, label: "Zajímavá místa"},
-      {to: {name: "poiDetail", params: {id: poiId}}, label: poi.value.name},
+      {to: {name: "poiDetail", params: {id: poiId}}, label: p.name},
       {label: "Editace"},
     ]);
   });
@@ -30,6 +29,7 @@ onMounted(() => {
 
 const poiTypes = storeToRefs(usePointsOfInterestTypeStore()).items;
 const loggedUser = storeToRefs(useUserStore()).user;
+const {isQueryRunning, pointOfInterest, isMutationRunning} = storeToRefs(usePointsOfInterestStore());
 
 const $q = useQuasar();
 const router = useRouter();
@@ -42,10 +42,10 @@ const handleSave = (data) => {
 </script>
 
 <template>
-  <POIEditSkeleton v-if="loading"/>
+  <POIEditSkeleton v-if="isQueryRunning"/>
   <AccessDeniedBanner
-    v-else-if="poi.createdById !== loggedUser.id"
+    v-else-if="pointOfInterest.createdById !== loggedUser.id"
     :route-back="{name: 'poiDetail', params: {id: poiId}}"
   />
-  <POIForm :poi="poi" :types="poiTypes" v-else @save="handleSave"/>
+  <POIForm :poi="pointOfInterest" :types="poiTypes" v-else @save="handleSave"/>
 </template>