refactor: confirm delete

Services/client/src/components/FileItemAction.vue

@@ -1,9 +1,8 @@
 <script lang="ts" setup>
-import { useTreeDataStore } from '@/stores/tree-data'
 import { ref } from 'vue'
-import { storeToRefs } from 'pinia'
-const { currentDept } = storeToRefs(useTreeDataStore())
-const { deleteFolder, editFolder } = useTreeDataStore()
+import DialogDelete from '@/components/DialogDelete.vue'
+
+const confirmDelete = ref<boolean>(false)
 defineProps<{
   pathname: string
   editname: string
@@ -24,7 +23,8 @@ defineEmits(['editname', 'deletename'])
           </q-item-section>
         </q-item>
         <q-item clickable>
-          <q-item-section @click="() => deleteFolder(pathname)">
+          <!-- <q-item-section @click="() => deleteFolder(pathname)"> -->
+          <q-item-section @click="() => (confirmDelete = !confirmDelete)">
             <div class="row items-center">
               <q-icon name="delete" color="negative" />
               <span class="q-ml-sm">ลบ</span>
@@ -34,4 +34,10 @@ defineEmits(['editname', 'deletename'])
       </q-list>
     </q-menu>
   </q-btn>
+
+  <dialog-delete
+    :confirmDelete="confirmDelete"
+    :pathname="pathname"
+    @update:confirmDelete="() => (confirmDelete = false)"
+  />
 </template>