chore: update blog example

Author: ulivz

examples/blog/.vuepress/config.js

@@ -11,7 +11,7 @@ module.exports = {
           // Path of the `entry page` (or `list page`)
           path: '/',
           pagination: {
-            perPagePosts: 2,
+            lengthPerPage: 2,
           },
         },
       ],
@@ -21,10 +21,10 @@ module.exports = {
           keys: ['tag', 'tags'],
           path: '/tag/',
           layout: 'Tag',
-          frontmatter: { title: 'Tags' },
+          frontmatter: { title: 'Tag' },
           itemlayout: 'Tag',
           pagination: {
-            perPagePosts: 2
+            lengthPerPage: 3
           }
         },
       ]

examples/blog/.vuepress/theme/layouts/GlobalLayout.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="global-layout">
     <header style="background-color: #DDD">
-      <router-link to="/">Home</router-link>· <a href="/tag/">Tag</a>
+      <router-link to="/">Home</router-link>· <router-link to="/tag/">Tag</router-link>
     </header>
     <DefaultGlobalLayout/>
     <footer style="background-color: #DDD">Powered by VuePress</footer>
@@ -13,5 +13,8 @@
   
   export default {
     components: { DefaultGlobalLayout: GlobalLayout },
+    created() {
+      console.log()
+    }
   }
 </script>

examples/blog/.vuepress/theme/layouts/Layout.vue

@@ -9,5 +9,19 @@
       <router-link v-if="$pagination.hasPrev" :to="$pagination.prevLink">Prev</router-link>
       <router-link v-if="$pagination.hasNext" :to="$pagination.nextLink">Next</router-link>
     </div>
+  
+    <Pagination />
   </div>
 </template>
+
+<script>
+  import Pagination from '../../../../../src/components/Pagination'
+  
+  export default {
+    components: { Pagination },
+    created() {
+      console.log(this.$route.meta.pid)
+      console.log(this.$currentTag)
+    }
+  }
+</script>