From ac75d344b97bbfd677c77d9f7b064a42449c45f8 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Wed, 2 Apr 2025 04:55:46 +0200
Subject: [PATCH] fix(front): playable playlist cards

---
 front/src/components/playlists/Card.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/front/src/components/playlists/Card.vue b/front/src/components/playlists/Card.vue
index f20617221..e4517f0b2 100644
--- a/front/src/components/playlists/Card.vue
+++ b/front/src/components/playlists/Card.vue
@@ -4,7 +4,7 @@ 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 { ref, computed, reactive } from 'vue'
 import { useStore } from '~/store'
 import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
@@ -63,6 +63,7 @@ const updatedTitle = computed(() => {
   return t('components.playlists.Card.title', { date })
 })
 const updatedAgo = computed(() => moment(props.playlist.modification_date).fromNow())
+
 </script>
 
 <template>
@@ -74,7 +75,7 @@ const updatedAgo = computed(() => moment(props.playlist.modification_date).fromN
     <template #topright>
       <PlayButton
         icon-only
-        :is-playable="playlist.is_playable"
+        :is-playable="true"
         :playlist="playlist"
       />
     </template>
@@ -113,9 +114,8 @@ const updatedAgo = computed(() => moment(props.playlist.modification_date).fromN
       <i class="bi bi-dot" />
       <span>{{ t('components.playlists.Card.meta.tracks', playlist.tracks_count) }}</span>
       <PlayButton
-        v-if="playlist.is_playable"
         dropdown-only
-        :is-playable="playlist.is_playable"
+        :is-playable="true"
         :playlist="playlist"
       />
     </template>