protocol data stores

src/views/admin/club/protocol/ProtocolAgenda.vue

@@ -1,7 +1,9 @@
 <template>
   <div class="flex flex-col gap-2 h-full w-full overflow-y-auto">
-    <Spinner v-if="loadingActive == 'loading'" class="mx-auto" />
-    <p v-else-if="loadingActive == 'failed'" @click="" class="cursor-pointer">&#8634; laden fehlgeschlagen</p>
+    <Spinner v-if="loading == 'loading'" class="mx-auto" />
+    <p v-else-if="loading == 'failed'" @click="fetchProtocolAgenda" class="cursor-pointer">
+      &#8634; laden fehlgeschlagen
+    </p>
 
     <details class="flex flex-col gap-2 rounded-lg w-full justify-between border border-primary overflow-hidden">
       <summary class="flex flex-row gap-2 bg-primary p-2 w-full justify-between items-center cursor-pointer">
@@ -27,10 +29,10 @@
 import { defineComponent } from "vue";
 import { mapActions, mapState } from "pinia";
 import Spinner from "@/components/Spinner.vue";
-import { useProtocolStore } from "@/stores/admin/protocol";
 import { QuillEditor } from "@vueup/vue-quill";
 import "@vueup/vue-quill/dist/vue-quill.snow.css";
 import { toolbarOptions } from "@/helpers/quillConfig";
+import { useProtocolAgendaStore } from "@/stores/admin/protocolAgenda";
 </script>
 
 <script lang="ts">
@@ -39,9 +41,13 @@ export default defineComponent({
     protocolId: String,
   },
   computed: {
-    ...mapState(useProtocolStore, ["loadingActive"]),
+    ...mapState(useProtocolAgendaStore, ["agenda", "loading"]),
+  },
+  mounted() {
+    this.fetchProtocolAgenda();
+  },
+  methods: {
+    ...mapActions(useProtocolAgendaStore, ["fetchProtocolAgenda"]),
   },
-  mounted() {},
-  methods: {},
 });
 </script>