Fetch specific creator profile

src/stores/creatorProfileStore.js

@@ -1,59 +1,69 @@
-import {computed, watch} from 'vue'
+import { useClient } from '@/plugins/api.js';
-import {defineStore} from 'pinia'
+import { useAuthStore } from '@/stores/authStore.js';
-import {useAuthStore} from "@/stores/authStore.js";
+import { useSessionStorage } from '@vueuse/core';
-import {useClient} from "@/plugins/api.js";
+import { defineStore } from 'pinia';
-import {useSessionStorage} from "@vueuse/core";
+import { computed, watch } from 'vue';
-import {useRouter} from "vue-router";
+import { useRouter } from 'vue-router';
 
+export const useCreatorProfileStore = defineStore('creator-profile', () => {
+  const router = useRouter();
 
-export const useCreatorProfileStore = defineStore(
+  const authStore = useAuthStore();
-    'creator-profile',
-    () => {
-
-        const router = useRouter()
-        
-        const authStore = useAuthStore()
 
   watch(
     () => authStore.isAuthenticated,
     async (newValue) => {
       if (newValue) {
-                    await fetchCurrentCreatorProfile()
+        await fetchCurrentCreatorProfile();
 
         if (value.value === undefined) {
-                        await router.push('/')
+          await router.push('/');
         } else {
-                        await router.push(`/@${value.value.name}`)
+          await router.push(`/@${value.value.name}`);
         }
       } else {
-                    value.value = undefined
+        value.value = undefined;
       }
-            })
+    }
+  );
 
   const value = useSessionStorage(
     'creator-profile',
     {},
-            {writeDefaults: false})
+    { writeDefaults: false }
+  );
 
-        const hasCreator = computed(() =>
+  const hasCreator = computed(
-            value.value
+    () => value.value && Object.getOwnPropertyNames(value.value).length >= 1
-            && Object.getOwnPropertyNames(value.value).length >= 1)
+  );
 
-        const client = useClient()
+  const client = useClient();
 
   async function fetchCurrentCreatorProfile() {
     try {
-                const creatorResponse = await client.get(`/api/creators/profile`)
+      const creatorResponse = await client.get(`/api/creators/profile`);
-                value.value = creatorResponse.data
+      value.value = creatorResponse.data;
       // TODO: no cache-busting ???
     } catch (error) {
-                value.value = undefined
+      value.value = undefined;
+    }
+  }
+
+  async function fetchSpecificCreatorProfile(creatorAlias) {
+    try {
+      const creatorResponse = await client.get(
+        `/api/creators/@${creatorAlias}`
+      );
+      value.value = creatorResponse.data;
+    } catch (error) {
+      value.value = undefined;
     }
   }
 
   return {
     creator: value,
     hasCreator,
-            fetchCurrentCreatorProfile
+    fetchCurrentCreatorProfile,
-        }
+    fetchSpecificCreatorProfile,
-    })
+  };
+});