lint:fix all

app/components/content/FileTreeItem.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="file-tree-item">
-    <div 
+    <div
       class="flex items-center py-1 px-2 rounded hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer transition-colors"
       :class="{
         'bg-blue-50 dark:bg-blue-900/20': item.highlighted,
@@ -10,18 +10,24 @@
       @click="toggleFolder"
     >
       <!-- 缩进 -->
-      <div class="flex items-center" :style="{ marginLeft: level * 16 + 'px' }">
+      <div
+        class="flex items-center"
+        :style="{ marginLeft: level * 16 + 'px' }"
+      >
         <!-- 箭头（仅文件夹且有子项时显示） -->
-        <Icon 
+        <Icon
           v-if="showArrow && item.isFolder && item.children && item.children.length > 0"
           :name="isExpanded ? 'lucide-chevron-down' : 'lucide-chevron-right'"
           class="mr-1 text-gray-400 w-4 h-4 transition-transform"
           :class="{ 'rotate-90': isExpanded }"
         />
-        <div v-else-if="showArrow" class="w-4 mr-1"></div>
-        
+        <div
+          v-else-if="showArrow"
+          class="w-4 mr-1"
+        />
+
         <!-- 图标 -->
-        <Icon 
+        <Icon
           v-if="showIcon"
           :name="item.icon || 'lucide-file'"
           class="mr-2 text-gray-500 w-4 h-4"
@@ -32,9 +38,9 @@
             'text-yellow-500': item.icon?.includes('json')
           }"
         />
-        
+
         <!-- 标题 -->
-        <span 
+        <span
           class="text-sm font-mono"
           :class="{
             'font-semibold': item.isFolder,
@@ -47,7 +53,10 @@
     </div>
 
     <!-- 子项 -->
-    <div v-if="item.children && item.children.length > 0 && isExpanded" class="ml-4">
+    <div
+      v-if="item.children && item.children.length > 0 && isExpanded"
+      class="ml-4"
+    >
       <FileTreeItem
         v-for="child in item.children"
         :key="child.title"
@@ -61,48 +70,48 @@
 </template>
 
 <script setup lang="ts">
-type FileTreeItemDiff = 'none' | 'addition' | 'deletion';
+type FileTreeItemDiff = 'none' | 'addition' | 'deletion'
 
 interface FileTreeItem {
-  title: string;
-  icon?: string;
-  children?: FileTreeItem[];
-  highlighted?: boolean;
-  diff?: FileTreeItemDiff;
-  isFolder?: boolean;
+  title: string
+  icon?: string
+  children?: FileTreeItem[]
+  highlighted?: boolean
+  diff?: FileTreeItemDiff
+  isFolder?: boolean
 }
 
 const props = defineProps<{
-  item: FileTreeItem;
-  level: number;
-  showArrow: boolean;
-  showIcon: boolean;
-}>();
+  item: FileTreeItem
+  level: number
+  showArrow: boolean
+  showIcon: boolean
+}>()
 
-const expandedState = inject('expandedState', ref(new Set<string>()));
-const itemKey = computed(() => `${props.item.title}-${props.level}`);
+const expandedState = inject('expandedState', ref(new Set<string>()))
+const itemKey = computed(() => `${props.item.title}-${props.level}`)
 
 const isExpanded = computed({
   get: () => expandedState.value.has(itemKey.value),
   set: (value: boolean) => {
     if (value) {
-      expandedState.value.add(itemKey.value);
+      expandedState.value.add(itemKey.value)
     } else {
-      expandedState.value.delete(itemKey.value);
+      expandedState.value.delete(itemKey.value)
     }
   }
-});
+})
 
 // 初始化时展开所有文件夹
 onMounted(() => {
   if (props.item.isFolder && props.item.children && props.item.children.length > 0) {
-    isExpanded.value = true;
+    isExpanded.value = true
   }
-});
+})
 
 function toggleFolder() {
   if (props.item.isFolder && props.item.children && props.item.children.length > 0) {
-    isExpanded.value = !isExpanded.value;
+    isExpanded.value = !isExpanded.value
   }
 }
-</script> 
+</script>