protocol data stores

src/views/admin/club/protocol/ProtocolDecisions.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="fetchProtocolDecision" class="cursor-pointer">
+      &#8634; laden fehlgeschlagen
+    </p>
   </div>
 </template>
 
@@ -13,6 +15,7 @@ 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 { useProtocolDecisionStore } from "../../../../stores/admin/protocolDecision";
 </script>
 
 <script lang="ts">
@@ -21,9 +24,13 @@ export default defineComponent({
     protocolId: String,
   },
   computed: {
-    ...mapState(useProtocolStore, ["loadingActive"]),
+    ...mapState(useProtocolDecisionStore, ["decision", "loading"]),
+  },
+  mounted() {
+    this.fetchProtocolDecision();
+  },
+  methods: {
+    ...mapActions(useProtocolDecisionStore, ["fetchProtocolDecision"]),
   },
-  mounted() {},
-  methods: {},
 });
 </script>