Fix message count

src/stores/messageStore.js

@@ -0,0 +1,25 @@
+import { defineStore } from 'pinia'
+import {ref} from "vue";
+import {useClient} from "@/plugins/api.js";
+
+
+export const useMessageStore = defineStore('message', () => {
+    const messageCount = ref(0);
+    const trackedSubject = ref('');
+
+    async function fetchMessageCount(subjectId){
+        const client = useClient();
+        try {
+            let uri = `/api/message-count/${subjectId}`;
+            const response = await client.get(uri);
+            console.log(response);
+            messageCount.value = response.data.count;
+            trackedSubject.value = subjectId;
+        } catch (error) {
+            console.error("Failed to fetch messages", error);
+        }
+        return messageCount.value;
+    }
+
+    return { messageCount, trackedSubject,  fetchMessageCount }
+})