fix: add v-for index

Services/client/src/components/FileItem.vue

@@ -15,12 +15,13 @@ const props = withDefaults(
   defineProps<{ action: boolean; viewMode: 'view_list' | 'view_module' }>(),
   {
     action: false,
-  },
+  }
 )
 const DEPT_NAME = ['ตู้เอกสาร', 'ลิ้นชัก', 'แฟ้ม', 'แฟ้มย่อย'] as const
 const { getFileInfo, getFileNameFormat } = useFileInfoStore()
-const { currentFolder, currentFile, currentDept, currentPath } =
-  storeToRefs(useTreeDataStore())
+const { currentFolder, currentFile, currentDept, currentPath } = storeToRefs(
+  useTreeDataStore()
+)
 const {
   createFolder,
   editFolder,
@@ -37,8 +38,8 @@ const currentIcon = computed(() =>
   currentDept.value === 0
     ? 'mdi-file-cabinet'
     : currentDept.value === 1
-      ? 'inbox'
-      : 'o_folder_open',
+    ? 'inbox'
+    : 'o_folder_open'
 )
 
 const dialogDeleteState = ref<boolean>(false)
@@ -113,7 +114,7 @@ function triggerFileEdit(
     keyword: string[]
     category: string[]
   },
-  pathname: string,
+  pathname: string
 ) {
   fileFormState.value = true
   fileFormType.value = 'edit'
@@ -137,7 +138,7 @@ async function submitFileForm(
     keyword: string[]
     category: string[]
   },
-  force = false,
+  force = false
 ) {
   currentParam.value = value
 
@@ -169,7 +170,7 @@ async function submitFileForm(
         keyword: value.keyword,
         category: value.category,
       },
-      value.file,
+      value.file
     )
   }
   fileFormData.value = {}
@@ -183,7 +184,7 @@ async function submitFileForm(
     {{ DEPT_NAME[currentDept] }}
   </div>
   <div class="grid q-mt-md">
-    <div v-for="value in currentFolder" key="value.name">
+    <div v-for="(value, index) in currentFolder" key="value.name">
       <div
         :style="{
           position: 'relative',
@@ -288,7 +289,7 @@ async function submitFileForm(
     เอกสาร
   </div>
   <div class="grid q-mt-md">
-    <div v-for="value,index in currentFile">
+    <div v-for="(value, index) in currentFile">
       <div
         :style="{
           position: 'relative',
@@ -324,7 +325,7 @@ async function submitFileForm(
                     keyword: value.keyword,
                     category: value.category,
                   },
-                  value.pathname,
+                  value.pathname
                 )
             "
             @delete="() => triggerFileDelete(value.pathname)"