From 16b58989282ec9d836f899e998011f291312f5d1 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sun, 28 Apr 2024 13:48:16 +0800
Subject: [PATCH] fix ui

---
 src/views/plugin/PluginCardListView.vue | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/views/plugin/PluginCardListView.vue b/src/views/plugin/PluginCardListView.vue
index c0230cb4..46f389f7 100644
--- a/src/views/plugin/PluginCardListView.vue
+++ b/src/views/plugin/PluginCardListView.vue
@@ -207,6 +207,7 @@ async function fetchUninstalledPlugins() {
           data.has_update = true
           data.repo_url = uninstalled.repo_url
           data.history = uninstalled.history
+          data.plugin_label = uninstalled.plugin_label
         }
       }
     }
@@ -267,6 +268,12 @@ const sortedUninstalledList = computed(() => {
   })
 })
 
+// 标签转换
+function pluginLabels(label: string | undefined) {
+  if (!label) return []
+  return label.split(',')
+}
+
 // 加载时获取数据
 onBeforeMount(() => {
   refreshData()
@@ -441,7 +448,21 @@ onBeforeMount(() => {
               {{ item.plugin_name }}<span class="text-sm ms-2 mt-1 text-gray-500">v{{ item?.plugin_version }}</span>
               <VIcon v-if="item.installed" color="success" icon="mdi-check-circle" class="ms-2" size="small" />
             </VListItemTitle>
-            <VListItemSubtitle class="mt-2" v-html="item.plugin_desc" />
+            <VListItemSubtitle class="mt-2">
+              <VChip
+                v-for="label in pluginLabels(item.plugin_label)"
+                variant="tonal"
+                size="small"
+                class="me-1 my-1"
+                color="info"
+                label
+              >
+                {{ label }}
+              </VChip>
+              <span>
+                {{ item.plugin_desc }}
+              </span>
+            </VListItemSubtitle>
           </VListItem>
         </template>
       </VList>