From 74148d71b0f9d9451a778a7f95347cb2d403c1fc Mon Sep 17 00:00:00 2001
From: Clark Cui <46164858+clark-cui@users.noreply.github.com>
Date: Wed, 11 Jan 2023 00:01:24 +0800
Subject: [PATCH] fix: disable back button when no back path (#936)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: 三咲智子 Kevin Deng <sxzz@sxzz.moe>
---
 components/nav/NavTitle.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/components/nav/NavTitle.vue b/components/nav/NavTitle.vue
index d9bb616d..d001411b 100644
--- a/components/nav/NavTitle.vue
+++ b/components/nav/NavTitle.vue
@@ -1,5 +1,10 @@
 <script setup lang="ts">
 const { env } = useBuildInfo()
+const router = useRouter()
+const back = ref(router.options.history.state.back)
+router.afterEach(() => {
+  back.value = router.options.history.state.back
+})
 </script>
 
 <template>
@@ -18,7 +23,7 @@ const { env } = useBuildInfo()
         {{ $t('app_name') }} <sup text-sm italic text-secondary mt-1>{{ env === 'release' ? 'alpha' : env }}</sup>
       </div>
     </NuxtLink>
-    <div hidden xl:flex items-center me-8 mt-2>
+    <div hidden xl:flex items-center me-8 mt-2 :class="{ 'pointer-events-none op40': !back }">
       <NuxtLink
         :aria-label="$t('nav.back')"
         @click="$router.go(-1)"