fix(vuepress-plugin-comments): comment cmpt doesn't inherit $accentColor

Author: reco_luan

packages/@vuepress-reco/vuepress-plugin-comments/bin/Comments.vue

@@ -2,9 +2,11 @@
   <div
     class="comments-wrapper"
     v-show="isShowComments">
-    <component
-      :is="componentName"
-      :options="options" />
+    <ClientOnly>
+      <component
+        :is="componentName"
+        :options="options" />
+    </ClientOnly>
   </div>
 </template>
 

packages/@vuepress-reco/vuepress-plugin-comments/bin/Valine.vue

@@ -94,6 +94,10 @@ export default {
           height: 2.8rem;
           border-radius: .25rem
           border: none
+        .vhead .vnick
+          color $accentColor
+          &::before
+            background $accentColor
       .vh
         border-bottom: none
         .vhead .vsys
@@ -122,7 +126,7 @@ export default {
           margin: 0 .3rem
           padding: .1rem .6rem .05rem .6rem
           p .at
-            color: #1abc9c
+            color: $accentColor
           &.expand:before
             z-index 1
             background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff)
@@ -137,4 +141,8 @@ export default {
     code, pre, .vbtn
       background var(--background-color)
       color var(--text-color)
+    a
+      color $accentColor
+      &::before
+        background $accentColor
 </style>

packages/@vuepress-reco/vuepress-plugin-comments/bin/Vssue.vue

@@ -59,6 +59,14 @@ export default {
 </script>
 
 <style lang="stylus">
+$vssue-theme-color ?= $accentColor
+$vssue-text-color ?= $textColor
+$vssue-border-color ?= $borderColor
+$vssue-breakpoint-mobile ?= $MQMobile
+
+@import '~vssue/src/styles/index'
+@import '~github-markdown-css/github-markdown.css'
+
 .vssue-wrapper.vssue
   color: #2c3e50
   color: var(--text-color)