add getScopePageTitle for frontmatters' option

docs/config/README.md

@@ -178,6 +178,19 @@ Layout component name for entry page.
 
 Layout component name for scope page.
 
+### getScopePageTitle
+
+- Type: function
+- Default: `See Below`
+
+A function to get the title of scope page dynamically:
+
+```js
+function getScopePageTitle (key) {
+  return `${key} | Directory title`
+}
+```
+
 ### frontmatter
 
 - Type: `Record<string, any>`

src/node/handleOptions.ts

@@ -151,6 +151,7 @@ export function handleOptions(
       path: indexPath,
       layout: indexLayout,
       scopeLayout,
+      getScopePageTitle,
       frontmatter,
       pagination = {} as PaginationConfig,
     } = frontmatterPage;
@@ -183,6 +184,7 @@ export function handleOptions(
       keys,
       map,
       scopeLayout,
+      getScopePageTitle,
       _handler: curryFrontmatterHandler(id, map, indexPath),
     });
   }

src/node/index.ts

@@ -107,6 +107,7 @@ module.exports = (options: BlogPluginOptions, ctx: VuePressContext) => {
               pagination,
               keys,
               scopeLayout,
+              getScopePageTitle,
             } = frontmatterClassifiedPage;
             return Object.keys(map).map(key => {
               const { path, scope } = map[key];
@@ -144,7 +145,9 @@ module.exports = (options: BlogPluginOptions, ctx: VuePressContext) => {
                     scopeLayout,
                     DefaultLayoutEnum.FrontmatterPagination
                   ),
-                  title: `${key} ${entryTitle}`,
+                  title: getScopePageTitle
+                    ? getScopePageTitle(key)
+                    : `${key} ${entryTitle}`,
                 },
               };
             });

src/node/interface/Frontmatter.ts

@@ -1,12 +1,15 @@
 import { FrontmatterHandler } from '../util';
 import { PaginationConfig } from './Pagination';
 
+export type GetScopePageTitle = (key: string) => string;
+
 export interface FrontmatterClassificationPage {
   id: string;
   entryTitle: string;
   pagination: PaginationConfig;
   keys: string[];
   scopeLayout?: string;
+  getScopePageTitle?: GetScopePageTitle;
   map: Record<string, any>;
   _handler: FrontmatterHandler;
 }

src/node/interface/Options.ts

@@ -2,6 +2,7 @@
  * A Directory-based Classifier
  */
 import { PaginationConfig } from './Pagination';
+import { GetScopePageTitle } from './Frontmatter';
 
 export interface DirectoryClassifier {
   /**
@@ -75,6 +76,10 @@ export interface FrontmatterClassifier {
    * `/tag/vue` will use `Foo.vue` as the layout
    */
   scopeLayout?: string;
+  /**
+   * A function to get the title of scope page dynamically.
+   */
+  getScopePageTitle?: GetScopePageTitle;
   /**
    * Frontmatter for index page.
    */