diff --git a/front/src/components/playlists/Card.vue b/front/src/components/playlists/Card.vue index 080f3ea17..228552ff8 100644 --- a/front/src/components/playlists/Card.vue +++ b/front/src/components/playlists/Card.vue @@ -3,10 +3,14 @@ import type { Playlist } from '~/types' import PlayButton from '~/components/audio/PlayButton.vue' import defaultCover from '~/assets/audio/default-cover.png' +import { momentFormat } from '~/utils/filters' import { ref, computed } from 'vue' import { useStore } from '~/store' import { useRouter } from 'vue-router' import { useI18n } from 'vue-i18n' + +import moment from 'moment' + import Card from '~/components/ui/Card.vue' import ActorLink from '~/components/common/ActorLink.vue' @@ -52,6 +56,12 @@ const randomizedColors = computed(() => shuffleArray(bgcolors.value)); const goToPlaylist = () => { router.push({name: 'library.playlists.detail', params: {id: props.playlist.id}}) } + +const updatedTitle = computed(() => { + const date = momentFormat(new Date(props.playlist.modification_date ?? '1970-01-01')) + return t('components.audio.PlaylistCard.title', { date }) +}) +const updatedAgo = computed(() => moment(props.playlist.modification_date).fromNow())