feat: upload, edit & delete file, folder

Services/client/src/components/FileItemAction.vue

@@ -1,13 +1,5 @@
 <script lang="ts" setup>
-import { ref } from 'vue'
-import DialogDelete from '@/components/DialogDelete.vue'
-
-const confirmDelete = ref<boolean>(false)
-defineProps<{
-  pathname: string
-  editname: string
-}>()
-defineEmits(['editname', 'deletename'])
+defineEmits(['edit', 'delete'])
 </script>
 
 <template>
@@ -15,7 +7,7 @@ defineEmits(['editname', 'deletename'])
     <q-menu auto-close>
       <q-list dense>
         <q-item clickable>
-          <q-item-section @click="() => $emit('editname')">
+          <q-item-section @click="() => $emit('edit')">
             <div class="row items-center">
               <q-icon name="edit" color="positive" />
               <span class="q-ml-sm">แก้ไข</span>
@@ -23,8 +15,7 @@ defineEmits(['editname', 'deletename'])
           </q-item-section>
         </q-item>
         <q-item clickable>
-          <!-- <q-item-section @click="() => deleteFolder(pathname)"> -->
-          <q-item-section @click="() => (confirmDelete = !confirmDelete)">
+          <q-item-section @click="() => $emit('delete')">
             <div class="row items-center">
               <q-icon name="delete" color="negative" />
               <span class="q-ml-sm">ลบ</span>
@@ -34,10 +25,4 @@ defineEmits(['editname', 'deletename'])
       </q-list>
     </q-menu>
   </q-btn>
-
-  <dialog-delete
-    :confirmDelete="confirmDelete"
-    :pathname="pathname"
-    @update:confirmDelete="() => (confirmDelete = false)"
-  />
 </template>