fix: pwa, firebase and auth initial load issues

2026-04-28 14:50:13 +05:00
parent 669d8571ae
commit fad9cacd3e
8 changed files with 72 additions and 23 deletions
@@ -170,10 +170,19 @@ definePageMeta({

 const auth = useAuth()
 const route = useRoute()
-const authFetch = (url, opts = {}) => $fetch(url, {
-  ...opts,
-  headers: { Authorization: `Bearer ${auth.token.value}`, ...opts.headers }
-})
+const authFetch = async (url, opts = {}) => {
+  try {
+    return await $fetch(url, {
+      ...opts,
+      headers: { Authorization: `Bearer ${auth.token.value}`, ...opts.headers }
+    })
+  } catch (error) {
+    if (error.response?.status === 401) {
+      auth.logout()
+    }
+    throw error
+  }
+}

 const profileId = computed(() => route.params.id || auth.user.value?.id)
 const currentUserId = computed(() => auth.user.value?.id || '')
@@ -329,6 +338,14 @@ const followButtonClass = computed(() => {
    : 'bg-blue-600 hover:bg-blue-500 text-white'
 })

-onMounted(loadProfile)
+onMounted(() => {
+  if (auth.isAuthenticated.value) {
+    loadProfile()
+  }
+})
+
+watch(() => auth.isAuthenticated.value, (isAuth) => {
+  if (isAuth) loadProfile()
+})
 watch(profileId, loadProfile)
 </script>