feat(vuepress-plugin-pagation): add internationalization

Author: reco_luan

example/.vuepress/config.js

@@ -19,11 +19,11 @@ module.exports = {
     locales: {
       '/': {
         recoLocales: {
-          homeBlog: {
-            article: '美文', // 默认 文章
-            tag: '标识', // 默认 标签
-            category: '类别', // 默认 分类
-            friendLink: '友链' // 默认 友情链接
+          pagation: {
+            prev: '上壹頁',
+            next: '下壹頁',
+            go: '前往',
+            jump: '跳轉至'
           }
         }
       }

packages/@vuepress-reco/vuepress-plugin-pagation/bin/Pagation.vue

@@ -5,7 +5,7 @@
         class="jump"
         v-show="currentPage > 1"
         @click="goPrev"
-        unselectable="on">Prev</span>
+        unselectable="on">{{pagationLocales.prev}}</span>
       <span
         v-show="efont"
         class="jump"
@@ -29,19 +29,21 @@
       <span
         class="jump"
         v-show="currentPage < pages"
-        @click="goNext">Next</span>
-      <span class="jumppoint">跳转到：</span>
+        @click="goNext">{{pagationLocales.next}}</span>
+      <span class="jumppoint">{{pagationLocales.jump}}</span>
       <span class="jumpinp">
         <input type="text" v-model="changePage">
       </span>
       <span
         class="jump gobtn"
-        @click="jumpPage(changePage)">GO</span>
+        @click="jumpPage(changePage)">{{pagationLocales.go}}</span>
     </div>
   </div>
 </template>
 
 <script>
+import pagationLocales from './locales'
+
 export default {
   data () {
     return {
@@ -55,7 +57,7 @@ export default {
     },
     perPage: {
       type: Number,
-      default: 10
+      default: 2
     },
     currentPage: {
       type: Number,
@@ -97,6 +99,9 @@ export default {
         left++
       }
       return ar
+    },
+    pagationLocales () {
+      return pagationLocales(this)
     }
   },
   methods: {
@@ -179,5 +184,5 @@ export default {
       &.ellipsis
         padding: 0px 8px;
       &.jumppoint
-        margin-left: 30px;
+        margin: 0 10px 0 30px;
 </style>

packages/@vuepress-reco/vuepress-plugin-pagation/bin/locales.js

@@ -0,0 +1,54 @@
+const zhHans = {
+  prev: '上一页',
+  next: '下一页',
+  go: '前往',
+  jump: '跳转至'
+}
+
+const zhHant = {
+  prev: '上壹頁',
+  next: '下壹頁',
+  go: '前往',
+  jump: '跳轉至'
+}
+
+const en = {
+  prev: 'Prev',
+  next: 'Next',
+  go: 'Go',
+  jump: 'Jump To'
+}
+
+const ja = {
+  prev: '前のページ',
+  next: '次のページ',
+  go: 'へ',
+  jump: 'ジャンプ'
+}
+
+const ko = {
+  prev: '이전 페이지',
+  next: '다음 페이지',
+  go: '행',
+  jump: '건너뛰기'
+}
+
+export default function pagationLocales (ctx) {
+  const { $lang, $recoLocales: { pagation }} = ctx
+  if (pagation) {
+    return pagation
+  }
+  if (/^zh\-(CN|SG)$/.test($lang)) {
+    return zhHans
+  }
+  if (/^zh\-(HK|MO|TW)$/.test($lang)) {
+    return zhHant
+  }
+  if (/^ja\-JP$/.test($lang)) {
+    return ja
+  }
+  if (/^ko\-KR$/.test($lang)) {
+    return ko
+  }
+  return en
+}

packages/vuepress-theme-reco/mixins/locales.js

@@ -4,8 +4,8 @@ export default {
   computed: {
     $recoLocales () {
       const recoLocales = this.$themeLocaleConfig.recoLocales
-      if (recoLocales) {
-        return recoLocales
+      if (recoLocales && recoLocales.homeBlog) {
+        return { homeBlog: recoLocales.homeBlog }
       }
       if (/^zh\-(CN|SG)$/.test(this.$lang)) {
         return zhHans