feat: percentDoneSelect script setup (#1922)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: #1922
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>

src/components/tasks/partials/percentDoneSelect.vue

@@ -1,6 +1,9 @@
 <template>
 	<div class="select">
-		<select :disabled="disabled || null" v-model.number="percentDone">
+		<select
+			v-model.number="percentDone"
+			:disabled="disabled || undefined"
+		>
 			<option value="0">0%</option>
 			<option value="0.1">10%</option>
 			<option value="0.2">20%</option>
@@ -16,30 +19,26 @@
 	</div>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
-import {defineComponent} from 'vue'
+import {computed} from 'vue'
-export default defineComponent({
+
-	name: 'percentDoneSelect',
+const props = defineProps({
-	props: {
+	modelValue: {
-		modelValue: {
+		default: 0,
-			default: 0,
+		type: Number,
-			type: Number,
-		},
-		disabled: {
-			default: false,
-		},
 	},
-	emits: ['update:modelValue', 'change'],
+	disabled: {
-	computed: {
+		default: false,
-		percentDone: {
+	},
-			get() {
+})
-				return this.modelValue
+
-			},
+const emit = defineEmits(['update:modelValue', 'change'])
-			set(percentDone) {
+
-				this.$emit('update:modelValue', percentDone)
+const percentDone = computed({
-				this.$emit('change')
+	get: () => props.modelValue,
-			},
+	set(percentDone) {
-		},
+		emit('update:modelValue', percentDone)
+		emit('change')
 	},
 })
 </script>