comment support markdown

pycoder404 · pycoder404 · commit eef5ea6e3655 · 2022-09-02T22:03:44.000+08:00
diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
     "highlight.js": "^11.5.0",
     "highlightjs": "^9.16.2",
     "js-cookie": "^3.0.1",
+    "marked": "^4.1.0",
     "mavon-editor": "^3.0.0-beta",
     "node-sass": "^7.0.1",
     "nprogress": "^0.2.0",
diff --git a/src/views/article/components/ArticleComment.vue b/src/views/article/components/ArticleComment.vue
@@ -10,14 +10,17 @@
                 <div class="card-header">
                     <!-- todo add isAuthor label -->
                     <span>
-                      <b>{{comment.author}}</b>
-                        <span>{{comment.created_time}}</span>
+                      <b>{{ comment.comment_order}}             {{comment.author}}</b><span>{{comment.created_time}}</span>
 
                     </span>
                     <el-button class="button" text>Operation button</el-button>
                 </div>
             </template>
-            {{comment.content}}
+            <div v-if="comment.parent">
+                <span> replied to  <b>{{ comment.comment_order}}             {{comment.author}}</b></span>
+
+            </div>
+            <div v-hlcode v-html="comment.content"></div>
         </el-card>
     </div>
 
