[tm@modals] Refactoring

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

@@ -5,14 +5,14 @@
 				<h1>Ste si istý, že chcete zmazať <b>{{ task.title }}</b>?</h1>
 
 				<v-icon
-					@click.stop="visible = false"
+					@click.stop="closeModal()"
 					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="visible = false">ZRUŠIŤ</v-btn>
+				<v-btn class="button primary" variant="flat" @click="deleteTask()">ÁNO</v-btn>
+				<v-btn class="ml-7 button cancel" @click.stop="closeModal()">ZRUŠIŤ</v-btn>
 			</v-card-actions>
 		</v-card>
 	</v-dialog>
@@ -35,11 +35,15 @@ export default {
 			this.visible = true
 		},
 
+		closeModal() {
+			this.visible = false
+		},
+
 		async deleteTask() {
 			try {
 				await this.$axios.delete(`v1/tasks/${this.task.id}`)
-				this.visible = false
 				this.$emit('deleted', this.task)
+				this.closeModal()
 			} catch (error) {
 				this.$toast.error(error)
 			}