[quill editor, detail modals, ongoing & unscheduled modals, review, download files]

app/src/plugins/tm@modal/task/z-delete-task-modal.vue

@@ -1,18 +1,18 @@
 <template>
-	<v-dialog v-model="show" max-width="650">
+	<v-dialog v-model="visible" max-width="650">
 		<v-card>
 			<div class="d-flex justify-space-between align-center">
 				<h1>Ste si istý, že chcete zmazať <b>{{ task.title }}</b>?</h1>
 
 				<v-icon
-					@click.stop="show = false"
+					@click.stop="visible = false"
 					icon="mdi-close"
 					size="large"
 				></v-icon>
 			</div>
 			<v-card-actions class="mt-10 d-flex justify-start align-center">
 				<v-btn class="z-btn" variant="flat" @click="deleteTask()">ÁNO</v-btn>
-				<v-btn class="ml-7 cancel-btn" @click.stop="show = false">ZRUŠIŤ</v-btn>
+				<v-btn class="ml-7 cancel-btn" @click.stop="visible = false">ZRUŠIŤ</v-btn>
 			</v-card-actions>
 		</v-card>
 	</v-dialog>
@@ -20,42 +20,30 @@
 
 <script>
 export default {
-	emits: ['close'],
+	emits: ['deleted'],
 
-	props: {
-		visible: {
-			type: Boolean,
-			required: true
-		},
-
-		task: {
-			type: Object,
-			required: true
+	data() {
+		return {
+			visible: false,
+			task: null
 		}
 	},
 
 	methods: {
+		async delete(task) {
+			this.task = task
+			this.visible = true
+		},
+
 		async deleteTask() {
 			try {
 				await this.$axios.delete(`v1/tasks/${this.task.id}`)
-				this.show = false
-				this.$emit('deleteTask', this.task.id)
+				this.visible = false
+				this.$emit('deleted', this.task)
 			} catch (error) {
 				this.$toast.error(error)
 			}
 		}
-	},
-
-	computed: {
-		show: {
-			get() {
-				return this.visible
-			},
-
-			set(value) {
-				if (!value) this.$emit('close')
-			}
-		},
 	}
 }
 </script>