ami/tl-vikunja
1
0
Fork 0
Code

feat: use defineProps types in CreatedUpdated

Browse Source
This commit is contained in:
Dominik Pschenitschni 2024-06-26 19:57:44 +02:00 committed by konrad
parent dea051010d
commit c81649c139
1 changed files with 9 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/components/tasks/partials/CreatedUpdated.vue
View File

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