From d9e015277e4ea199d1600b74e256dbd79a8e02ca Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <id@shuuji3.xyz>
Date: Sat, 7 Feb 2026 16:04:16 +0900
Subject: [PATCH] fix: do not show back button when there is no history

---
 app/pages/about.vue    | 1 +
 app/pages/compare.vue  | 1 +
 app/pages/privacy.vue  | 1 +
 app/pages/settings.vue | 1 +
 4 files changed, 4 insertions(+)

diff --git a/app/pages/about.vue b/app/pages/about.vue
index 3e6a85a5b..4fdf908e3 100644
--- a/app/pages/about.vue
+++ b/app/pages/about.vue
@@ -53,6 +53,7 @@ const { data: contributors, status: contributorsStatus } = useFetch<GitHubContri
             type="button"
             class="inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"
             @click="router.back()"
+            v-show="router.options.history.state.back !== null"
           >
             <span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
             <span class="hidden sm:inline">{{ $t('nav.back') }}</span>
diff --git a/app/pages/compare.vue b/app/pages/compare.vue
index f28349ca3..b24a9ff61 100644
--- a/app/pages/compare.vue
+++ b/app/pages/compare.vue
@@ -118,6 +118,7 @@ useSeoMeta({
             type="button"
             class="inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"
             @click="router.back()"
+            v-show="router.options.history.state.back !== null"
           >
             <span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
             <span class="hidden sm:inline">{{ $t('nav.back') }}</span>
diff --git a/app/pages/privacy.vue b/app/pages/privacy.vue
index 7f8500ff3..43ddb8dae 100644
--- a/app/pages/privacy.vue
+++ b/app/pages/privacy.vue
@@ -30,6 +30,7 @@ const { locale } = useI18n()
             type="button"
             class="inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"
             @click="router.back()"
+            v-show="router.options.history.state.back !== null"
           >
             <span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
             <span class="sr-only sm:not-sr-only">{{ $t('nav.back') }}</span>
diff --git a/app/pages/settings.vue b/app/pages/settings.vue
index b866b2fd3..33e76be99 100644
--- a/app/pages/settings.vue
+++ b/app/pages/settings.vue
@@ -52,6 +52,7 @@ const setLocale: typeof setNuxti18nLocale = locale => {
             type="button"
             class="inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0 p-1.5 -mx-1.5"
             @click="router.back()"
+            v-show="router.options.history.state.back !== null"
           >
             <span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
             <span class="sr-only sm:not-sr-only">{{ $t('nav.back') }}</span>