fix: reactivity for prop
continuous-integration/drone/pr Build was killed Details

This commit is contained in:
kolaente 2022-01-08 12:41:26 +01:00
parent 05659fa9a1
commit ee6d43de53
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 9 additions and 7 deletions

View File

@ -21,19 +21,21 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import {computed, defineProps} from 'vue' import {computed, toRefs} from 'vue'
import TaskModel from '@/models/task' import TaskModel from '@/models/task'
import {formatDateLong, formatDateSince} from '@/helpers/time/formatDate' import {formatDateLong, formatDateSince} from '@/helpers/time/formatDate'
const {task} = defineProps({ const props = defineProps({
task: { task: {
type: TaskModel, type: TaskModel,
required: true, required: true,
} },
}) })
const updatedSince = computed(() => formatDateSince(task.updated)) const {task} = toRefs(props)
const updatedFormatted = computed(() => formatDateLong(task.updated))
const doneSince = computed(() => formatDateSince(task.doneAt)) const updatedSince = computed(() => formatDateSince(task.value.updated))
const doneFormatted = computed(() => formatDateLong(task.doneAt)) const updatedFormatted = computed(() => formatDateLong(task.value.updated))
const doneSince = computed(() => formatDateSince(task.value.doneAt))
const doneFormatted = computed(() => formatDateLong(task.value.doneAt))
</script> </script>