From aaa2abced4258645a9a47b228cece21741bfea25 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Sat, 6 Jul 2024 12:15:14 +0200
Subject: [PATCH] feat: add withDefaults and emit types to PrioritySelect

---
 .../tasks/partials/PrioritySelect.vue         | 32 +++++--------------
 1 file changed, 8 insertions(+), 24 deletions(-)

diff --git a/frontend/src/components/tasks/partials/PrioritySelect.vue b/frontend/src/components/tasks/partials/PrioritySelect.vue
index db2160413..8e41dc945 100644
--- a/frontend/src/components/tasks/partials/PrioritySelect.vue
+++ b/frontend/src/components/tasks/partials/PrioritySelect.vue
@@ -3,7 +3,6 @@
 		<select
 			v-model="priority"
 			:disabled="disabled || undefined"
-			@change="updateData"
 		>
 			<option :value="PRIORITIES.UNSET">
 				{{ $t('task.priority.unset') }}
@@ -28,32 +27,17 @@
 </template>
 
 <script setup lang="ts">
-import {ref, watch} from 'vue'
 import {PRIORITIES} from '@/constants/priorities'
 
-const props = defineProps({
-	modelValue: {
-		type: Number,
-		default: 0,
-	},
-	disabled: {
-		type: Boolean,
-		default: false,
-	},
+withDefaults(defineProps<{
+	disabled?: boolean
+}>(), {
+	disabled: false,
 })
-const emit = defineEmits(['update:modelValue'])
 
-const priority = ref(0)
+const priority = defineModel<number>({
+	required: true,
+	default: 0,
+})
 
-watch(
-	() => props.modelValue,
-	(value) => {
-		priority.value = value
-	},
-	{immediate: true},
-)
-
-function updateData() {
-	emit('update:modelValue', priority.value)
-}
 </script>