fix: bump blog plugin to 1.2.1 fix filter bug

Author: ulivz

example/.vuepress/config.js

@@ -24,6 +24,10 @@ module.exports = {
         text: 'Tags',
         link: '/tag/',
       },
+      {
+        text: 'About',
+        link: '/about/',
+      },
     ],
     /**
      * Ref: https://vuepress-theme-blog.ulivz.com/#footer

example/about.md

@@ -0,0 +1 @@
+# About Me

global-components/BaseListLayout.vue

@@ -20,7 +20,7 @@
       </div>
     </div>
 
-    <component v-if="paginationComponent" :is="paginationComponent"></component>
+    <component v-if="$pagination.length > 1 && paginationComponent" :is="paginationComponent"></component>
   </div>
 </template>
 
@@ -30,12 +30,10 @@
   import Toc from '@theme/components/Toc.vue'
   import { NavigationIcon, ClockIcon } from 'vue-feather-icons'
   import { Pagination, SimplePagination } from '@vuepress/plugin-blog/lib/client/components'
-  
-  console.log(SimplePagination)
-  
+
   export default {
     components: { Toc, Pagination, NavigationIcon, ClockIcon },
-    props: ['pagination'],
+    // props: ['pagination'],
     data() {
       return {
         paginationComponent: null
@@ -48,7 +46,8 @@
     
     computed: {
       pages() {
-        return this.pagination.pages
+        console.log(this.$pagination)
+        return this.$pagination.pages
       },
     },
     

index.js

@@ -17,7 +17,7 @@ module.exports = (themeConfig, ctx) => {
         id: 'post',
         dirname: '_posts',
         path: '/',
-        layout: 'IndexPost',
+        // layout: 'IndexPost', defaults to `Layout.vue`
         itemLayout: 'Post',
         itemPermalink: '/:year/:month/:day/:slug',
         pagination: {
@@ -28,7 +28,7 @@ module.exports = (themeConfig, ctx) => {
         id: 'archive',
         dirname: '_archive',
         path: '/archive/',
-        layout: 'IndexArchive',
+        // layout: 'IndexArchive', defaults to `Layout.vue`
         itemLayout: 'Post',
         itemPermalink: '/archive/:year/:month/:day/:slug',
         pagination: {
@@ -41,11 +41,10 @@ module.exports = (themeConfig, ctx) => {
         id: "tag",
         keys: ['tag', 'tags'],
         path: '/tag/',
-        layout: 'Tag',
+        // layout: 'Tag',  defaults to `FrontmatterKey.vue`
         frontmatter: { title: 'Tag' },
-        itemlayout: 'Tag',
         pagination: {
-          perPagePosts: 5
+          lengthPerPage: 5
         }
       },
     ]

layouts/Tag.vue layouts/FrontmatterKey.vuelayouts/Tag.vue renamed to layouts/FrontmatterKey.vue

@@ -1,5 +1,5 @@
 <template>
   <div id="vuperess-theme-blog__tags-layout">
-    <BlogTags :tags="$tag.list"/>
+    <BlogTags :tags="$frontmatterKey.list"/>
   </div>
 </template>

layouts/Layout.vue

@@ -1,5 +1,8 @@
 <template>
-  <BaseListLayout :pagination="$pagination"/>
+  <div>
+    <BaseListLayout v-if="$pagination"/>
+    <Content v-else/>
+  </div>
 </template>
 
 <style src="prismjs/themes/prism-okaidia.css"></style>

package.json

@@ -27,7 +27,7 @@
   "author": "ulivz<[email protected]>",
   "license": "MIT",
   "dependencies": {
-    "@vuepress/plugin-blog": "1.1.0",
+    "@vuepress/plugin-blog": "1.2.1",
     "@vuepress/plugin-medium-zoom": "1.0.0",
     "@vuepress/plugin-nprogress": "1.0.0",
     "@vuepress/plugin-pwa": "1.0.0",