fix: optimize access-number display

Author: reco_luan

components/Home.vue

@@ -51,7 +51,8 @@
           <span v-if="$themeConfig.author || $site.title">{{ $themeConfig.author || $site.title }}</span>
           </a>
       </span>
-      <span>
+      <span v-show="$themeConfig.commentsSolution === 'valine'">
+        <i class="iconfont reco-eye"></i>
         <AccessNumber idVal="/" />
       </span>
     </div>

components/HomeBlog.vue

@@ -12,7 +12,7 @@
         <!-- 博客列表 -->
         <note-abstract
           :data="posts"
-          :isHome="true"
+          :hideAccessNumber="true"
           :currentPage="currentPage"></note-abstract>
         <!-- 分页 -->
         <pagation
@@ -70,7 +70,8 @@
           <span v-if="$themeConfig.author || $site.title">{{ $themeConfig.author || $site.title }}</span>
         </a>
       </span>
-      <span>
+      <span v-show="$themeConfig.commentsSolution === 'valine'">
+        <i class="iconfont reco-eye"></i>
         <AccessNumber idVal="/" />
       </span>
     </div>
@@ -147,6 +148,7 @@ export default {
     }
   },
   mounted () {
+    console.log(this)
     this.recoShow = true
   },
   methods: {

components/NoteAbstract.vue

@@ -11,7 +11,7 @@
       </div>
       <div class="abstract" v-html="item.excerpt"></div>
       <hr>
-      <PageInfo :pageInfo="item" :isHome="!(isHome !== true)" :currentTag="currentTag"></PageInfo>
+      <PageInfo :pageInfo="item" :hideAccessNumber="!(hideAccessNumber !== true)" :currentTag="currentTag"></PageInfo>
     </div>
   </div>
 </template>
@@ -21,7 +21,7 @@ import PageInfo from './PageInfo'
 
 export default {
   components: { PageInfo },
-  props: ['data', 'currentPage', 'currentTag', 'isHome']
+  props: ['data', 'currentPage', 'currentTag', 'hideAccessNumber']
 }
 </script>
 

components/PageInfo.vue

@@ -10,10 +10,13 @@
       class="iconfont reco-date">
       <span>{{ pageInfo.frontmatter.date | formatDate }}</span>
     </i>
-    <AccessNumber
-      v-if="isHome !== true"
-      :idVal="pageInfo.path"
-      :numStyle="numStyle" />
+    <i
+      v-if="$themeConfig.commentsSolution === 'valine' && hideAccessNumber !== true"
+      class="iconfont reco-eye">
+      <AccessNumber
+        :idVal="pageInfo.path"
+        :numStyle="numStyle" />
+    </i>
     <i
       v-if="pageInfo.frontmatter.tags"
       class="iconfont reco-tag tags">
@@ -46,7 +49,7 @@ export default {
       type: String,
       default: ''
     },
-    isHome: {
+    hideAccessNumber: {
       type: Boolean,
       default: false
     }

index.js

@@ -23,16 +23,7 @@ module.exports = (options, ctx) => ({
     '@vuepress-reco/pagation',
     '@vuepress-reco/screenfull',
     '@vuepress-reco/ga',
-    ['@vuepress-reco/comments', {
-      solution: 'valine',
-      options: {
-        appId: 'Q6hMeY2PSaM9FMkXetzoJoU5-gzGzoHsz',
-        appKey: 'iLQlev5jo2Cm5pLcI0z3qhtr',
-        placeholder: '填写邮箱可以收到回复提醒哦！',
-        notify: true,
-        recordIP: true
-      }
-    }],
+    '@vuepress-reco/comments',
     '@vuepress/active-header-links',
     ['@vuepress/plugin-blog', {
       permalink: '/:regular',

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-reco",
-  "version": "1.0.9-alpha.12",
+  "version": "1.0.9-alpha.13",
   "description": "this is a vuepress theme",
   "main": "index.js",
   "scripts": {
@@ -31,7 +31,7 @@
     "@vuepress-reco/vuepress-plugin-pagation": "^1.0.3",
     "@vuepress-reco/vuepress-plugin-screenfull": "^1.0.0",
     "@vuepress-reco/vuepress-plugin-ga": "^1.0.2",
-    "@vuepress-reco/vuepress-plugin-comments": "1.0.0-alpha.1",
+    "@vuepress-reco/vuepress-plugin-comments": "1.0.1",
     "@vuepress/plugin-blog": "1.3.0",
     "leancloud-storage": "3.13.2",
     "valine": "1.3.6",