From 6e72606d7454fbb3b17302d3ef1d2cdf186873ae Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Sat, 6 Jul 2024 12:59:03 +0200
Subject: [PATCH] feat: use withDefaults for EditLabels

---
 .../components/tasks/partials/EditLabels.vue  | 34 ++++++++-----------
 1 file changed, 14 insertions(+), 20 deletions(-)

diff --git a/frontend/src/components/tasks/partials/EditLabels.vue b/frontend/src/components/tasks/partials/EditLabels.vue
index 52d962ab2..9cdd093a3 100644
--- a/frontend/src/components/tasks/partials/EditLabels.vue
+++ b/frontend/src/components/tasks/partials/EditLabels.vue
@@ -46,7 +46,7 @@
 </template>
 
 <script setup lang="ts">
-import {type PropType, ref, computed, shallowReactive, watch} from 'vue'
+import {ref, computed, shallowReactive, watch} from 'vue'
 import {useI18n} from 'vue-i18n'
 
 import LabelModel from '@/models/label'
@@ -60,27 +60,21 @@ import {useLabelStore} from '@/stores/labels'
 import {useTaskStore} from '@/stores/tasks'
 import {getRandomColorHex} from '@/helpers/color/randomColor'
 
-const props = defineProps({
-	modelValue: {
-		type: Array as PropType<ILabel[]>,
-		default: () => [],
-	},
-	taskId: {
-		type: Number,
-		required: false,
-		default: 0,
-	},
-	disabled: {
-		type: Boolean,
-		default: false,
-	},
-	creatable: {
-		type: Boolean,
-		default: true,
-	},
+const props = withDefaults(defineProps<{
+	modelValue: ILabel[] | undefined
+	taskId?: number
+	disabled?: boolean
+	creatable?: boolean
+}>(), {
+	modelValue: () => [],
+	taskId: 0,
+	disabled: false,
+	creatable: true,
 })
 
-const emit = defineEmits(['update:modelValue'])
+const emit = defineEmits<{
+	'update:modelValue': [labels: ILabel[]],
+}>()
 
 const {t} = useI18n({useScope: 'global'})