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

app/stores/user.ts

@@ -9,43 +9,49 @@ 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()
     }
 
-    isLoading.value = true
+    const fetchPromise = (async () => {
-    error.value = null
+      isLoading.value = true
-    const api = useSolarNetwork()
+      error.value = null
-    try {
+      const api = useSolarNetwork()
-      const response = await api<SnAccount>("/id/accounts/me")
+      try {
-      console.log("[UserStore] Fetched user data: ", response)
+        const response = await api<SnAccount>("/id/accounts/me")
-      user.value = response
+        user.value = response
-      console.log(`[UserStore] Logged in as @${user.value.name}`)
+        console.log(`[UserStore] Logged in as @${user.value.name}`)
-    } catch (e: unknown) {
+      } catch (e: unknown) {
-      if (e instanceof FetchError && e.statusCode == 401) {
+        if (e instanceof FetchError && e.statusCode == 401) {
-        error.value = "Unauthorized"
+          error.value = "Unauthorized"
-        user.value = null
+          user.value = null
-      } else {
+        } else {
-        error.value = e instanceof Error ? e.message : "An error occurred"
+          error.value = e instanceof Error ? e.message : "An error occurred"
-        user.value = null // Clear user data on error
+          user.value = null // Clear user data on error
-        console.error("Failed to fetch user... ", e)
+          console.error("Failed to fetch user... ", e)
+        }
+      } finally {
+        isLoading.value = false
+        currentFetchPromise.value = null
       }
-    } finally {
+    })()
-      isLoading.value = false
+
-    }
+    currentFetchPromise.value = fetchPromise
+    return fetchPromise
   }
 
   function logout() {