From 1bf378608e513d3e797a22bd5abbf4cdf5f3dede Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Date: Sat, 14 May 2022 15:02:41 +0000
Subject: [PATCH] feat quick-add-magic script setup (#1926)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/1926
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
---
 .../tasks/partials/quick-add-magic.vue        | 26 +++++--------------
 1 file changed, 7 insertions(+), 19 deletions(-)

diff --git a/src/components/tasks/partials/quick-add-magic.vue b/src/components/tasks/partials/quick-add-magic.vue
index fcea7b671..1177c7ee2 100644
--- a/src/components/tasks/partials/quick-add-magic.vue
+++ b/src/components/tasks/partials/quick-add-magic.vue
@@ -85,26 +85,14 @@
 	</div>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import {getQuickAddMagicMode} from '@/helpers/quickAddMagicMode'
 import {PREFIXES} from '@/modules/parseTaskText'
-import { defineComponent } from 'vue'
+import {ref, computed} from 'vue'
 
-export default defineComponent({
-	name: 'quick-add-magic',
-	data() {
-		return {
-			visible: false,
-			mode: getQuickAddMagicMode(),
-		}
-	},
-	computed: {
-		available() {
-			return this.mode !== 'disabled'
-		},
-		prefixes() {
-			return PREFIXES[this.mode]
-		},
-	},
-})
+const visible = ref(false)
+const mode = ref(getQuickAddMagicMode())
+
+const available = computed(() => mode.value !== 'disabled')
+const prefixes = computed(() =>PREFIXES[mode.value])
 </script>