修改首页目录表格样式

app/components/content/SmartIcon.vue

@@ -1,9 +1,9 @@
 <template>
   <!-- Iconify Icons -->
-  <Icon v-if="isIconName(name)" :name="name" :size="size" />
+  <Icon v-if="checkIcon(name)" :name :size />
   <!-- Emojis -->
   <span
-    v-else-if="isEmoji(name)"
+    v-else-if="/(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])/g.test(name)"
     :style="`font-size: ${size}px;`"
   >{{ name }}</span>
   <!-- Link -->
@@ -16,23 +16,17 @@
 </template>
 
 <script setup lang="ts">
+import { stringToIcon, validateIconName } from '@iconify/utils';
+
 const { size = 16 } = defineProps<{
   name: string;
   size?: number;
 }>();
 
-function isIconName(name: string): boolean {
+function checkIcon(name: string): boolean {
   if (name.includes('http'))
     return false;
-  
-  // 简单的图标名称检查，以 i- 开头或包含常见图标集
-  return name.startsWith('i-') || 
-         name.includes('lucide') || 
-         name.includes('heroicons') ||
-         name.includes('simple-icons');
-}
 
-function isEmoji(name: string): boolean {
-  return /(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])/g.test(name);
+  return validateIconName(stringToIcon(name));
 }
 </script>