From a8a16237cd8e3e4bb180fbd523a4668a4555b732 Mon Sep 17 00:00:00 2001
From: Divyansh Singh <40380293+brc-dd@users.noreply.github.com>
Date: Mon, 6 Jun 2022 10:03:29 +0530
Subject: [PATCH] feat: allow custom outline title (#689) (#690)

close #689
---
 src/client/theme-default/components/VPDocAsideOutline.vue | 6 ++++--
 types/default-theme.d.ts                                  | 7 +++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/client/theme-default/components/VPDocAsideOutline.vue b/src/client/theme-default/components/VPDocAsideOutline.vue
index 26b556ad65a7..b4b179089509 100644
--- a/src/client/theme-default/components/VPDocAsideOutline.vue
+++ b/src/client/theme-default/components/VPDocAsideOutline.vue
@@ -7,7 +7,7 @@ import {
   useActiveAnchor
 } from '../composables/outline'
 
-const { page, frontmatter } = useData()
+const { page, frontmatter, theme } = useData()
 
 const { hasOutline } = useOutline()
 
@@ -32,7 +32,9 @@ function handleClick({ target: el }: Event) {
     <div class="content">
       <div class="outline-marker" ref="marker" />
 
-      <div class="outline-title">On this page</div>
+      <div class="outline-title">
+        {{ theme.outlineTitle || 'On this page' }}
+      </div>
 
       <nav aria-labelledby="doc-outline-aria-label">
         <span class="visually-hidden" id="doc-outline-aria-label">
diff --git a/types/default-theme.d.ts b/types/default-theme.d.ts
index 5ef6169c24ef..f1b002b8c794 100644
--- a/types/default-theme.d.ts
+++ b/types/default-theme.d.ts
@@ -13,6 +13,13 @@ export namespace DefaultTheme {
      */
     siteTitle?: string | false
 
+    /**
+     * Custom outline title in the aside component.
+     *
+     * @default 'On this page'
+     */
+    outlineTitle?: string
+
     /**
      * The nav items.
      */