From 2310fecc03919b7e4c73891c925eddda1dce1c1b Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Mon, 21 Feb 2022 11:40:08 +0800
Subject: [PATCH] refactor: post list tag rendering using PostTag component
 (#443)

Signed-off-by: Ryan Wang <i@ryanc.cc>
---
 src/views/post/PostList.vue | 18 +++++-------------
 1 file changed, 5 insertions(+), 13 deletions(-)

diff --git a/src/views/post/PostList.vue b/src/views/post/PostList.vue
index 7e3213dc..0f0933a4 100644
--- a/src/views/post/PostList.vue
+++ b/src/views/post/PostList.vue
@@ -210,13 +210,7 @@
               >{{ category.name }}
             </a-tag>
             <br />
-            <a-tag
-              v-for="(tag, tagIndex) in item.tags"
-              :key="'tag_' + tagIndex"
-              :color="tag.color"
-              style="margin-bottom: 8px"
-              >{{ tag.name }}
-            </a-tag>
+            <post-tag v-for="(tag, tagIndex) in item.tags" :key="tagIndex" :tag="tag" style="margin-bottom: 8px" />
           </a-list-item>
         </a-list>
 
@@ -243,7 +237,7 @@
               twoToneColor="red"
               type="pushpin"
             />
-            <a-tooltip v-if="record.inProgress" title="当前有内容已保存，但还未发布。" placement="top">
+            <a-tooltip v-if="record.inProgress" placement="top" title="当前有内容已保存，但还未发布。">
               <a-icon
                 class="cursor-pointer"
                 style="margin-right: 3px"
@@ -286,11 +280,9 @@
             </a-tag>
           </span>
 
-          <span slot="tags" slot-scope="tags">
-            <a-tag v-for="(tag, index) in tags" :key="index" :color="tag.color" style="margin-bottom: 8px">
-              {{ tag.name }}
-            </a-tag>
-          </span>
+          <template #tags="tags">
+            <post-tag v-for="(tag, index) in tags" :key="index" :tag="tag" style="margin-bottom: 8px" />
+          </template>
 
           <span
             slot="commentCount"