增加标签栏显示

src/App.vue

@@ -1,12 +1,17 @@
 <script setup>
 import ProjectList from './components/ProjectList.vue'
-import { ref } from 'vue'
 
 // 生成模拟数据
 const listData = Array.from({ length: 789 }, (_, i) => ({
   id: i,
   name: `project-${i + 1}`,
   path: `/Users/lanyuanxiaoyao/Project/IdeaProjects/project-${i + 1}`,
+  tags: [
+    { id: 1, name: 'Vue', color: '#42b883' },
+    { id: 2, name: 'TypeScript', color: '#3178c6' },
+    ...(i % 3 === 0 ? [{ id: 3, name: 'React', color: '#61dafb' }] : []),
+    ...(i % 4 === 0 ? [{ id: 4, name: 'Node.js', color: '#339933' }] : []),
+  ]
 }))
 
 // 自定义配置