feat(theme): make "Take me home" button's link customizable (#4658)

zhangyx1998 · web-flow · commit 0267dcafa20b · 2025-03-30T08:37:36.000+05:30
diff --git a/src/client/theme-default/NotFound.vue b/src/client/theme-default/NotFound.vue
@@ -22,7 +22,7 @@ const { currentLang } = useLangs()
     <div class="action">
       <a
         class="link"
-        :href="withBase(currentLang.link)"
+        :href="withBase(theme.notFound?.link ?? currentLang.link)"
         :aria-label="theme.notFound?.linkLabel ?? 'go to home'"
       >
         {{ theme.notFound?.linkText ?? 'Take me home' }}
diff --git a/types/default-theme.d.ts b/types/default-theme.d.ts
@@ -480,6 +480,13 @@ export namespace DefaultTheme {
      */
     quote?: string
 
+    /**
+     * Target of the home link.
+     *
+     * @default '/'
+     */
+    link?: string
+
     /**
      * Set aria label for home link.
      *

Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@ const { currentLang } = useLangs()`
`22`	`22`	`<div class="action">`
`23`	`23`	`<a`
`24`	`24`	`class="link"`
`25`		`- :href="withBase(currentLang.link)"`
	`25`	`+ :href="withBase(theme.notFound?.link ?? currentLang.link)"`
`26`	`26`	`:aria-label="theme.notFound?.linkLabel ?? 'go to home'"`
`27`	`27`	`>`
`28`	`28`	`{{ theme.notFound?.linkText ?? 'Take me home' }}`