Fix automatic logout on authentication error

CHANGELOG.md

@@ -10,6 +10,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 - Enabled audio and video uploads.
 
+### Fixed
+
+- Fixed automatic logout on authentication error.
+
 ## [1.16.0] - 2023-03-08
 
 ### Added

src/components/SidebarLayout.vue

@@ -55,16 +55,7 @@ const emit = defineEmits<{(event: "reload-home"): void}>()
 
 function showHomeTimeline() {
   if (route.name === "home") {
-    try {
+    loadNotifications(ensureAuthToken())
-      loadNotifications(ensureAuthToken())
-    } catch (error: any) {
-      if (error.message === "access token is invalid") {
-        router.push({ name: "landing-page" })
-        return
-      } else {
-        throw error
-      }
-    }
     emit("reload-home")
   } else {
     router.push({ name: "home" })

src/views/HomeTimeline.vue

@@ -15,6 +15,7 @@
 <script setup lang="ts">
 import { onMounted } from "vue"
 import { $ref } from "vue/macros"
+import { useRouter } from "vue-router"
 
 import { Post, getHomeTimeline } from "@/api/posts"
 import { Permissions } from "@/api/users"
@@ -24,6 +25,7 @@ import PostList from "@/components/PostList.vue"
 import SidebarLayout from "@/components/SidebarLayout.vue"
 import { useCurrentUser } from "@/store/user"
 
+const router = useRouter()
 const { ensureAuthToken, ensureCurrentUser } = useCurrentUser()
 
 let posts = $ref<Post[]>([])
@@ -41,7 +43,16 @@ function insertPost(post: Post) {
 async function loadTimeline() {
   isLoading = true
   const authToken = ensureAuthToken()
-  posts = await getHomeTimeline(authToken)
+  try {
+    posts = await getHomeTimeline(authToken)
+  } catch (error: any) {
+    if (error.message === "access token is invalid") {
+      router.push({ name: "landing-page" })
+      return
+    } else {
+      throw error
+    }
+  }
   isLoading = false
 }