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())
@@ -92,15 +102,20 @@ const goToPlaylist = () => {
-
-
{{ t('components.playlists.Card.meta.tracks', playlist.tracks_count) }}
-
-
+
+
+ {{ t('components.playlists.Card.meta.tracks', playlist.tracks_count) }}
+