WIP

src/stores/subscriptionStore.js

@@ -2,18 +2,15 @@
 import {useSessionStorage} from "@vueuse/core";
 import {useClient} from "@/plugins/api.js";
 import {useAuthStore} from "@/stores/authStore.js";
-import {watch} from "vue";
+import {watch, onMounted} from "vue";
 
 export const useSubscriptionStore = defineStore(
     'subscription',
     () => {
 
-        const subscriptions = useSessionStorage(
-            'subscription-subscriptions',
-            {})
-
         const authStore = useAuthStore()
-        const authWatcher = watch(
+        
+        watch(
             () => authStore.isAuthenticated,
             async (newValue) => {
                 if (newValue) {
@@ -23,42 +20,22 @@ export const useSubscriptionStore = defineStore(
                 }
             })
 
+        const subscriptions = useSessionStorage(
+            'subscription-subscriptions',
+            {})
+                
         function isSubscribeTo(creatorId) {
             return !!subscriptions.value[creatorId];
         }
 
-        async function subscribeTo(creatorId) {
-            try {
-                const client = useClient()
-                const response = await client.post(
-                    `/api/creators/${creatorId}/subscribe`
-                );
-                subscriptions.value[creatorId] = response.data;
-            } catch (error) {
-                console.error("Error subscribing to creator", error);
-            }
-        }
-
-        async function unsubscribeFrom(creatorId) {
-            try {
-                const client = useClient()
-                const response = await client.post(
-                    `/api/creators/${creatorId}/unsubscribe`
-                );
-                delete subscriptions.value[creatorId];
-            } catch (error) {
-                console.error("Error unsubscribing from creator", error);
-            }
-        }
-
         async function loadSubscriptions() {
             try {
                 const client = useClient()
-                const response = await client.get(`/api/subscriptions`);
+                const response = await client.get(`/api/membership/active`);
 
                 subscriptions.value = response.data.reduce(
                     (acc, sub) => {
-                        acc[sub.creatorId] = sub;
+                        acc[sub.creatorId] = sub; 
                         return acc;
                     },
                     {});
@@ -67,5 +44,5 @@ export const useSubscriptionStore = defineStore(
             }
         }
 
-        return {subscriptions, isSubscribeTo, subscribeTo, unsubscribeFrom}
+        return {subscriptions, isSubscribeTo}
     });