From e1a1bc8a69880b0e9e3d88be84581ec9f0e01823 Mon Sep 17 00:00:00 2001
From: Tim <135014430+nagisa77@users.noreply.github.com>
Date: Fri, 8 Aug 2025 13:56:56 +0800
Subject: [PATCH] fix: ensure router composable initialized before async

---
 frontend_nuxt/components/MenuComponent.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend_nuxt/components/MenuComponent.vue b/frontend_nuxt/components/MenuComponent.vue
index 60b0481ec..e3bbde811 100644
--- a/frontend_nuxt/components/MenuComponent.vue
+++ b/frontend_nuxt/components/MenuComponent.vue
@@ -127,6 +127,9 @@ export default {
     }
   },
   async setup(props, { emit }) {
+    // `useRouter` must be called before any `await` to retain Nuxt instance
+    const router = useRouter()
+
     const categories = ref([])
     const tags = ref([])
     const categoryOpen = ref(true)
@@ -190,8 +193,6 @@ export default {
       watch(() => authState.loggedIn, updateCount)
     })
 
-    const router = useRouter()
-
     const handleHomeClick = () => {
       router.push('/').then(() => {
         window.location.reload()