fix: do not show back button when there is no history (#1133)

shuuji3 · web-flow · commit 9f510b1e155d · 2026-02-07T08:21:58.000Z
diff --git 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
@@ -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
@@ -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
@@ -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>

Original file line number	Diff line number	Diff line change
`@@ -53,6 +53,7 @@ const { data: contributors, status: contributorsStatus } = useFetch<GitHubContri`
`53`	`53`	`type="button"`
`54`	`54`	`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"`
`55`	`55`	`@click="router.back()"`
	`56`	`+ v-show="router.options.history.state.back !== null"`
`56`	`57`	`>`
`57`	`58`	`<span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />`
`58`	`59`	`<span class="hidden sm:inline">{{ $t('nav.back') }}</span>`
Original file line number	Diff line number	Diff line change
`@@ -118,6 +118,7 @@ useSeoMeta({`
`118`	`118`	`type="button"`
`119`	`119`	`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"`
`120`	`120`	`@click="router.back()"`
	`121`	`+ v-show="router.options.history.state.back !== null"`
`121`	`122`	`>`
`122`	`123`	`<span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />`
`123`	`124`	`<span class="hidden sm:inline">{{ $t('nav.back') }}</span>`
Original file line number	Diff line number	Diff line change
`@@ -30,6 +30,7 @@ const { locale } = useI18n()`
`30`	`30`	`type="button"`
`31`	`31`	`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"`
`32`	`32`	`@click="router.back()"`
	`33`	`+ v-show="router.options.history.state.back !== null"`
`33`	`34`	`>`
`34`	`35`	`<span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />`
`35`	`36`	`<span class="sr-only sm:not-sr-only">{{ $t('nav.back') }}</span>`
Original file line number	Diff line number	Diff line change
`@@ -52,6 +52,7 @@ const setLocale: typeof setNuxti18nLocale = locale => {`
`52`	`52`	`type="button"`
`53`	`53`	`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"`
`54`	`54`	`@click="router.back()"`
	`55`	`+ v-show="router.options.history.state.back !== null"`
`55`	`56`	`>`
`56`	`57`	`<span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />`
`57`	`58`	`<span class="sr-only sm:not-sr-only">{{ $t('nav.back') }}</span>`