From ee6d43de5382441f049a2d8d24316857628db0f5 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 8 Jan 2022 12:41:26 +0100
Subject: [PATCH] fix: reactivity for prop

---
 src/components/tasks/partials/createdUpdated.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

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>