update docs

Author: wu-clan

docs/.vuepress/components/PluginMarket.vue

@@ -272,7 +272,25 @@ onUnmounted(() => {
   }
 })
 
-const pluginCategories = ['前端', '后端']
+const mixedAlphabeticalCompare = (a: string, b: string): number => {
+  return a.localeCompare(b, 'zh-CN', {
+    sensitivity: 'base',
+    numeric: true,
+    ignorePunctuation: true
+  })
+}
+
+const pluginCategories = computed(() => {
+  const allTags = new Set<string>()
+  props.items.forEach(item => {
+    item.tags.forEach(tag => {
+      if (tag !== 'unfree') {
+        allTags.add(tag)
+      }
+    })
+  })
+  return Array.from(allTags).sort((a, b) => mixedAlphabeticalCompare(a, b))
+})
 
 const baseFilteredItems = computed(() => {
   let result = [...props.items]
@@ -314,14 +332,6 @@ const getTypeSortWeight = (item: PluginItem): number => {
   return 3
 }
 
-const mixedAlphabeticalCompare = (a: string, b: string): number => {
-  return a.localeCompare(b, 'zh-CN', {
-    sensitivity: 'base',
-    numeric: true,
-    ignorePunctuation: true
-  })
-}
-
 const filteredItems = computed(() => {
   const result = [...baseFilteredItems.value]
 
@@ -348,7 +358,12 @@ const resetFilters = () => {
   sortOption.value = 'category'
 }
 
-const colors = {
+const predefinedColors = {
+  'unfree': {
+    color: '#ff5733',
+    backgroundColor: 'rgba(255, 87, 51, 0.1)',
+    borderColor: 'rgba(255, 87, 51, 0.2)',
+  },
   'mysql': {
     color: '#006484',
     backgroundColor: 'rgba(0, 100, 132, 0.1)',
@@ -371,6 +386,22 @@ const colors = {
   },
 }
 
+const colors = computed(() => {
+  const colorMap: Record<string, any> = { ...predefinedColors }
+  const allTags = [...new Set(props.items.flatMap(item => item.tags))]
+  allTags.forEach((tag, index) => {
+    if (!colorMap[tag]) {
+      const hue = (index * 137.5) % 360
+      colorMap[tag] = {
+        color: `hsl(${ hue }, 65%, 50%)`,
+        backgroundColor: `hsl(${ hue }, 65%, 50%, 0.1)`,
+        borderColor: `hsl(${ hue }, 65%, 50%, 0.2)`
+      }
+    }
+  })
+  return colorMap
+})
+
 const handleCardClick = (item: PluginItem) => {
   if (item.link) {
     window.open(item.link, '_blank')

docs/.vuepress/data/plugin.ts

@@ -58,7 +58,7 @@ export const pluginItems: PluginItem[] = [
         title: "MCP 服务器管理",
         description: "提供了 MCP 服务器管理功能，并添加了可调用 MCP 的 AI 聊天接口",
         label: '官方',
-        tags: ["pgsql", "mysql", "后端"],
+        tags: ["AI", "mcp", "pgsql", "mysql", "后端"],
         link: "https://github.com/fastapi-practices/mcp",
         logo: 'https://wu-clan.github.io/picx-images-hosting/logo/fba.png',
     },
@@ -97,7 +97,7 @@ export const pluginItems: PluginItem[] = [
         title: "Casdoor SSO",
         description: "通过 Casdoor 实现 SSO 单点登录集成",
         label: '官方',
-        tags: ["unfree", "pgsql", "mysql", "后端"],
+        tags: ["pgsql", "mysql", "后端"],
         link: "https://github.com/fastapi-practices/casdoor_sso",
         image: "https://casdoor.org/zh/img/casdoor.png",
         logo: 'https://wu-clan.github.io/picx-images-hosting/logo/fba.png',