🐛 Fix user loading exit early when there is another async doing that to fix the auth middleware

app/stores/user.ts

@@ -9,29 +9,30 @@ export const useUserStore = defineStore("user", () => {
   const user = ref<SnAccount | null>(null)
   const isLoading = ref(false)
   const error = ref<string | null>(null)
+  const currentFetchPromise = ref<Promise<void> | null>(null)
 
   // Getters
   const isAuthenticated = computed(() => !!user.value)
 
   // Actions
-  async function fetchUser(reload = true) {
+  async function fetchUser(reload = true): Promise<void> {
-    if (isLoading.value) {
+    if (currentFetchPromise.value) {
-      console.log("[UserStore] Fetch already in progress. Skipping.")
+      console.log("[UserStore] Fetch already in progress. Waiting for existing fetch.")
-      return
+      return currentFetchPromise.value
     }
     if (!reload && user.value) {
       console.log(
         `[UserStore] User store was loaded with account @${user.value.name} and no reload. Skipping.`
       )
-      return
+      return Promise.resolve()
     }
 
+    const fetchPromise = (async () => {
       isLoading.value = true
       error.value = null
       const api = useSolarNetwork()
       try {
         const response = await api<SnAccount>("/id/accounts/me")
-      console.log("[UserStore] Fetched user data: ", response)
         user.value = response
         console.log(`[UserStore] Logged in as @${user.value.name}`)
       } catch (e: unknown) {
@@ -45,7 +46,12 @@ export const useUserStore = defineStore("user", () => {
         }
       } finally {
         isLoading.value = false
+        currentFetchPromise.value = null
       }
+    })()
+
+    currentFetchPromise.value = fetchPromise
+    return fetchPromise
   }
 
   function logout() {