From b42221b0ce6e0b5347f450eaf33387335944e1ea Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Wed, 11 May 2022 00:03:14 +0200
Subject: [PATCH] feat quick-add-magic script setup

---
 .../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>
-- 
2.40.1