feat(vuepress-plugin-pagation): set page size by plugin option

ISSUES CLOSED: #207

Author: reco_luan

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

@@ -76,7 +76,9 @@ export default {
   },
   data () {
     return {
-      changePage: '' // 跳转页
+      changePage: '', // 跳转页
+      /* eslint-disable no-undef */
+      pageSize: PERPAGE
     }
   },
   props: {
@@ -86,7 +88,7 @@ export default {
     },
     perPage: {
       type: Number,
-      default: 2
+      default: 10
     },
     currentPage: {
       type: Number,
@@ -95,7 +97,8 @@ export default {
   },
   computed: {
     pages () {
-      return Math.ceil(this.total / this.perPage)
+      const pageSize = this.pageSize || this.perPage
+      return Math.ceil(this.total / pageSize)
     },
     show: function () {
       return this.pages && this.pages != 1

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

@@ -47,7 +47,9 @@ import pagationLocales from './locales'
 export default {
   data () {
     return {
-      changePage: '' // 跳转页
+      changePage: '', // 跳转页
+      /* eslint-disable no-undef */
+      pageSize: PERPAGE
     }
   },
   props: {
@@ -66,7 +68,8 @@ export default {
   },
   computed: {
     pages () {
-      return Math.ceil(this.total / this.perPage)
+      const pageSize = this.pageSize || this.perPage
+      return Math.ceil(this.total / pageSize)
     },
     show: function () {
       return this.pages && this.pages != 1

packages/@vuepress-reco/vuepress-plugin-pagation/index.js

@@ -1,8 +1,14 @@
 const { path } = require('@vuepress/shared-utils')
 
 module.exports = (options, context) => ({
+  define () {
+    const { perPage } = options || {}
+    return {
+      PERPAGE: perPage
+    }
+  },
   name: '@vuepress-reco/vuepress-plugin-pagation',
   enhanceAppFiles: [
     path.resolve(__dirname, './bin/enhanceAppFile.js')
   ]
-})
+})