fix: unintended display

Services/client/src/components/FileItem.vue

@@ -15,13 +15,12 @@ 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(
+const { currentFolder, currentFile, currentDept, currentPath } =
-  useTreeDataStore()
+  storeToRefs(useTreeDataStore())
-)
 const {
   createFolder,
   editFolder,
@@ -38,8 +37,8 @@ const currentIcon = computed(() =>
   currentDept.value === 0
     ? 'mdi-file-cabinet'
     : currentDept.value === 1
-    ? 'inbox'
+      ? 'inbox'
-    : 'o_folder_open'
+      : 'o_folder_open',
 )
 
 const dialogDeleteState = ref<boolean>(false)
@@ -114,7 +113,7 @@ function triggerFileEdit(
     keyword: string[]
     category: string[]
   },
-  pathname: string
+  pathname: string,
 ) {
   fileFormState.value = true
   fileFormType.value = 'edit'
@@ -138,7 +137,7 @@ async function submitFileForm(
     keyword: string[]
     category: string[]
   },
-  force = false
+  force = false,
 ) {
   currentParam.value = value
 
@@ -170,7 +169,7 @@ async function submitFileForm(
         keyword: value.keyword,
         category: value.category,
       },
-      value.file
+      value.file,
     )
   }
   fileFormData.value = {}
@@ -185,7 +184,6 @@ async function submitFileForm(
   </div>
   <div class="grid q-mt-md">
     <div v-for="value in currentFolder" key="value.name">
-      {{ value.name }}
       <div
         :style="{
           position: 'relative',
@@ -323,7 +321,7 @@ async function submitFileForm(
                     keyword: value.keyword,
                     category: value.category,
                   },
-                  value.pathname
+                  value.pathname,
                 )
             "
             @delete="() => triggerFileDelete(value.pathname)"