feat: support configuring pagination link text

docs/pagination/README.md

@@ -28,6 +28,20 @@ The function will be a parameter of [Array.sort()](https://developer.mozilla.org
 You might be intrigued by `replace(/\-/g, '/')`. Because only the dates in frontmatter written in 2-digits will be transformed, other dates written in single-digit, such as `2020-1-1` will be treated as string. Some browsers (e.g. Safari) don't support this format.
 :::
 
+## prevText
+
+- Type: string
+- Default: `Prev`
+
+Text for previous links.
+
+## nextText
+
+- Type: string
+- Default: `Next`
+
+Text for next links.
+
 ## lengthPerPage
 
 - Type: number

src/client/components/Pagination.vue

@@ -5,8 +5,8 @@
     :value="page"
     :page-count="$pagination.length"
     :click-handler="clickCallback"
-    :prev-text="'Prev'"
-    :next-text="'Next'"
+    :prev-text="$pagination.prevText"
+    :next-text="$pagination.nextText"
     :container-class="'pagination'"
     :page-class="'page-item'"
   >

src/client/components/SimplePagination.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="pagination simple-pagination">
-    <router-link v-if="$pagination.hasPrev" :to="$pagination.prevLink"
-      >Prev</router-link
-    >
-    <router-link v-if="$pagination.hasNext" :to="$pagination.nextLink"
-      >Next</router-link
-    >
+    <router-link v-if="$pagination.hasPrev" :to="$pagination.prevLink">
+      {{ $pagination.prevText }}
+    </router-link>
+    <router-link v-if="$pagination.hasNext" :to="$pagination.nextLink">
+      {{ $pagination.nextText }}
+    </router-link>
   </div>
 </template>
 

src/client/pagination.ts

@@ -16,11 +16,18 @@ class Pagination {
 
   public _indexPage: string;
 
+  private _prevText: string;
+
+  private _nextText: string;
+
   constructor(pagination, pages, route) {
     debug('pagination', pagination);
-    const { pages: paginationPages } = pagination;
+    const { pages: paginationPages, prevText, nextText } = pagination;
     const { path } = route;
 
+    this._prevText = prevText;
+    this._nextText = nextText;
+
     for (let i = 0, l = paginationPages.length; i < l; i++) {
       const page = paginationPages[i];
       if (page.path === path) {
@@ -78,6 +85,14 @@ class Pagination {
     return null;
   }
 
+  get prevText() {
+    return this._prevText;
+  }
+
+  get nextText() {
+    return this._nextText;
+  }
+
   getSpecificPageLink(index) {
     return this._paginationPages[index].path;
   }

src/node/interface/Pagination.ts

@@ -25,7 +25,7 @@ export type GetPaginationPageTitle = (
 /**
  * Pagination config options for users.
  */
-export interface PaginationConfig {
+export interface PaginationConfig extends Partial<LinkText> {
   /**
    * Filter for matched pages.
    */
@@ -78,7 +78,7 @@ export interface InternalPagination
 /**
  * Serialized pagination, generated for front-end use
  */
-export interface SerializedPagination extends PaginationIdentity {
+export interface SerializedPagination extends PaginationIdentity, LinkText {
   /**
    * Stringified filter function
    */
@@ -93,6 +93,17 @@ export interface SerializedPagination extends PaginationIdentity {
   pages: PaginationPage[];
 }
 
+interface LinkText {
+  /**
+   * Text for previous links.
+   */
+  prevText: string;
+  /**
+   * Text for next links.
+   */
+  nextText: string;
+}
+
 /**
  * Auto-generated pagination page
  */

src/node/pagination.ts

@@ -53,6 +53,8 @@ export async function registerPaginations(
     sorter,
     layout,
     lengthPerPage,
+    prevText = 'Prev',
+    nextText = 'Next',
     getPaginationPageUrl,
     getPaginationPageTitle,
   } of paginations) {
@@ -74,6 +76,8 @@ export async function registerPaginations(
         const path = (getPaginationPageUrl as GetPaginationPageUrl)(index);
         return { path, interval };
       }),
+      prevText,
+      nextText,
     };
 
     recordPageFilters(pid, filter);