[Modals] Refactoring

app/src/plugins/tm@overview/tasks-ongoing/_components/a-ongoing-table.vue

@@ -21,7 +21,7 @@
 						<img class="pencil-icon" :src="require('@/plugins/tm@overview/_img/pencil-icon.svg')" alt="pencil-icon" />
 						<img class="trash-icon" :src="require('@/plugins/tm@overview/_img/trash-icon.svg')" alt="trash-icon" @click.stop="showDeleteModal = { task }" />
 
-						<A-delete-task-modal v-if="showDeleteModal" :show="showDeleteModal" :task="showDeleteModal.task" @delete-task="deleteTask(showDeleteModal.task.id)" @close-modal="(showDeleteModal = null)" />
+						<Z-delete-task-modal v-if="showDeleteModal" :visible="showDeleteModal ? true : false" :task="showDeleteModal.task" @close="showDeleteModal = null" />
 					</div>
 				</td>
 			</tr>
@@ -30,11 +30,11 @@
 </template>
 
 <script>
-import ADeleteTaskModal from '@/plugins/app/_components/a-delete-task-modal.vue'
+import ZDeleteTaskModal from '@/plugins/tm@modal/task/z-delete-task-modal.vue'
 
 export default {
 	components: {
-		ADeleteTaskModal
+		ZDeleteTaskModal
 	},
 
 	props: {
@@ -48,17 +48,6 @@ export default {
 		return {
 			showDeleteModal: null
 		}
-	},
-
-	methods: {
-		async deleteTask(id) {
-			try {
-				await this.$axios.delete(`v1/teams/${id}`)
-				this.showDeleteModal = false
-			} catch (error) {
-				this.$toast.error(error)
-			}
-		}
 	}
 }
 </script>