fix(front): playable playlist cards

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>