fix(vuepress-plugin-pagation): fix invalid bug with perPage

ISSUES CLOSED: #265

Author: reco_luan

packages/@vuepress-reco/vuepress-plugin-bulletin-popover/bin/Bulletin.vue

@@ -37,7 +37,6 @@ export default {
       return this.handleNode(this.body).join('')
     },
     footerNodes () {
-      console.log(this.handleNode(this.footer))
       return this.handleNode(this.footer).join('')
     },
     bulletinLocales () {
@@ -54,7 +53,6 @@ export default {
       sessionStorage.setItem('closeNote', 'true')
     },
     handleNode (nodes) {
-      console.log(nodes)
       if (!Array.isArray(nodes)) {
         let type = nodes.type
         type = type.slice(0, 1).toUpperCase() + type.slice(1)

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

@@ -1,14 +1,26 @@
 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')
-  ]
-})
+module.exports = (options, context) => {
+  const { perPage = 10 } = options || {}
+  return {
+    define () {
+      return {
+        PERPAGE: perPage
+      }
+    },
+    name: '@vuepress-reco/vuepress-plugin-pagation',
+    enhanceAppFiles: [
+      path.resolve(__dirname, './bin/enhanceAppFile.js'),
+      () => ({
+        name: 'dynamic-pagation',
+        content: `export default ({ Vue }) => {
+          Vue.mixin({
+            computed: {
+              $perPage () { return ${perPage} }
+            }
+          })
+        }`
+      })
+    ]
+  }
+}

packages/vuepress-theme-reco/components/NoteAbstract.vue

@@ -17,8 +17,8 @@ export default {
   props: ['data', 'currentPage', 'currentTag'],
   computed: {
     currentPageData () {
-      const start = this.currentPage * 10 - 10
-      const end = this.currentPage * 10
+      const start = (this.currentPage - 1) * this.$perPage
+      const end = this.currentPage * this.$perPage
       return this.data.slice(start, end)
     }
   }