✨ fix #12

Author: Vanessa219

console/pages/admin/articles/index.vue

@@ -85,8 +85,14 @@
                  href="javascript:void(0)">{{ tag.title
                 }}</a>
             </span>
-            <span class="fn-nowrap">{{ item.commentCount }} {{ $t('comment', $store.state.locale) }}</span> •
-            <span class="fn-nowrap">{{ item.viewCount }} {{ $t('view', $store.state.locale) }}</span> •
+            <span class="fn-nowrap">
+              <span :data-uvstatcmt="item.id">{{ item.commentCount }}</span>
+              {{ $t('comment', $store.state.locale) }}
+            </span> •
+            <span class="fn-nowrap">
+              <span :data-uvstatcmt="item.url">{{ item.viewCount }}</span>
+              {{ $t('view', $store.state.locale) }}
+            </span> •
             <time class="fn-nowrap">{{ item.createdAt }}</time>
           </div>
         </div>
@@ -114,6 +120,8 @@
 </template>
 
 <script>
+  import Uvstat from '../../../../theme/node_modules/uvstat'
+
   export default {
     data () {
       return {
@@ -126,7 +134,8 @@
         windowSize: 1,
         list: [],
         userCount: 1,
-        keyword: ''
+        keyword: '',
+        uvstat: null
       }
     },
     head () {
@@ -244,7 +253,12 @@
       }
     },
     mounted () {
+      this.$set(this, 'uvstat', new Uvstat())
       this.getList()
+    },
+    updated () {
+      this.uvstat.renderStat()
+      this.uvstat.renderCmtStat()
     }
   }
 </script>

pipe.json

@@ -1,7 +1,7 @@
 {
     "Server": "http://localhost:5897",
     "StaticServer": "",
-    "StaticResourceVersion": "1579417833933",
+    "StaticResourceVersion": "1579435715878",
     "RuntimeMode": "dev",
     "LogLevel": "debug",
     "ShowSQL": false,

theme/js/article.js

@@ -105,6 +105,10 @@ export const ShowEditor = (reply, id, commentId) => {
     location.href = `${$('#pipeLang').data('server')}/start`
     return
   }
+  if ($('#vcomment').length === 1) {
+    $('#vcomment .commentToggleEditorBtn').first().click()
+    return
+  }
   if (commentId) {
     $editor.data('commentid', commentId)
   } else {

theme/js/common.js

@@ -10,15 +10,15 @@ import NProgress from 'nprogress'
 import pjax from './lib/pjax'
 import Uvstat from 'uvstat'
 import Vcomment from 'vcmt'
+import { InitVcomment } from './article'
 
 /**
  * @description 评论数、浏览数展现
  */
 const showStat = () => {
-  const uvstat = new Uvstat()
-  uvstat.addStat()
-  uvstat.renderStat()
-  uvstat.renderCmtStat()
+  window.uvstat.addStat()
+  window.uvstat.renderStat()
+  window.uvstat.renderCmtStat()
 }
 
 /**
@@ -249,6 +249,8 @@ export const initPjax = (cb) => {
         LazyLoadCSSImage()
         LazyLoadImage()
         ParseMarkdown()
+        showStat()
+        InitVcomment()
         cb && cb()
       },
     })
@@ -276,6 +278,7 @@ export const initPjax = (cb) => {
   })
   LazyLoadCSSImage()
   addCopyright()
+  window.uvstat = new Uvstat()
   showStat()
   // if ('serviceWorker' in navigator && 'caches' in window && 'fetch' in window && config.RuntimeMode === 'prod') {
   // navigator.serviceWorker.register(`${config.Server}/sw.min.js?${config.StaticResourceVersion}`, {scope: '/'})

theme/package-lock.json

@@ -45,6 +45,6 @@
     "qrious": "^4.0.2",
     "turndown": "^5.0.3",
     "uvstat": "^1.0.7",
-    "vcmt": "^1.0.11"
+    "vcmt": "^1.0.12"
   }
 }

theme/package.json

@@ -128,8 +128,11 @@ <h2 class="article__title">
             </div>
             <div class="fn-mg5"></div>
         </article>
+        <div id="b3logPipeComments"></div>
         {{if .Commentable}}
         <div class="comment">
+            <div id="vcomment"
+                 data-name="{{.Article.Author.Name}}" data-postId="1576897303524"></div>
             {{template "comment/comments" .}}
         </div>
         {{end}}