diff --git a/src/components/tasks/partials/createdUpdated.vue b/src/components/tasks/partials/createdUpdated.vue
index c9145f372..7a9246160 100644
--- a/src/components/tasks/partials/createdUpdated.vue
+++ b/src/components/tasks/partials/createdUpdated.vue
@@ -21,19 +21,21 @@
 </template>
 
 <script lang="ts" setup>
-import {computed, defineProps} from 'vue'
+import {computed, toRefs} from 'vue'
 import TaskModel from '@/models/task'
 import {formatDateLong, formatDateSince} from '@/helpers/time/formatDate'
 
-const {task} = defineProps({
+const props = defineProps({
 	task: {
 		type: TaskModel,
 		required: true,
-	}
+	},
 })
 
-const updatedSince = computed(() => formatDateSince(task.updated))
-const updatedFormatted = computed(() => formatDateLong(task.updated))
-const doneSince = computed(() => formatDateSince(task.doneAt))
-const doneFormatted = computed(() => formatDateLong(task.doneAt))
+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))
 </script>