From c81649c139b310e31206d62aef7c2c24d7dab788 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Wed, 26 Jun 2024 19:57:44 +0200
Subject: [PATCH] feat: use defineProps types in CreatedUpdated

---
 .../tasks/partials/CreatedUpdated.vue         | 23 ++++++++-----------
 1 file changed, 9 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/tasks/partials/CreatedUpdated.vue b/frontend/src/components/tasks/partials/CreatedUpdated.vue
index 79caeb337..9a557ff4b 100644
--- a/frontend/src/components/tasks/partials/CreatedUpdated.vue
+++ b/frontend/src/components/tasks/partials/CreatedUpdated.vue
@@ -14,7 +14,6 @@
 		</time>
 		<template v-if="+new Date(task.created) !== +new Date(task.updated)">
 			<br>
-			<!-- Computed properties to show the actual date every time it gets updated -->
 			<time
 				v-tooltip="updatedFormatted"
 				:datetime="formatISO(task.updated)"
@@ -45,24 +44,20 @@
 </template>
 
 <script lang="ts" setup>
-import {computed, toRefs, type PropType} from 'vue'
+import {computed} from 'vue'
 import type {ITask} from '@/modelTypes/ITask'
 import {formatISO, formatDateLong, formatDateSince} from '@/helpers/time/formatDate'
 import {getDisplayName} from '@/models/user'
 
-const props = defineProps({
-	task: {
-		type: Object as PropType<ITask>,
-		required: true,
-	},
-})
+const props = defineProps<{
+	task: ITask,
+}>()
 
-const {task} = toRefs(props)
-
-const updatedSince = computed(() => formatDateSince(task.value.updated))
-const updatedFormatted = computed(() => formatDateLong(task.value.updated))
-const doneSince = computed(() => formatDateSince(task.value.doneAt))
-const doneFormatted = computed(() => formatDateLong(task.value.doneAt))
+// Computed properties to show the actual date every time it gets updated
+const updatedSince = computed(() => formatDateSince(props.task.updated))
+const updatedFormatted = computed(() => formatDateLong(props.task.updated))
+const doneSince = computed(() => formatDateSince(props.task.doneAt))
+const doneFormatted = computed(() => formatDateLong(props.task.doneAt))
 </script>
 
 <style lang="scss" scoped>