style: playlsits

components/playlists-list.vue

@@ -1,12 +1,7 @@
 <template>
-  <section>
-    <div v-for="playlist in playlists.files" class="text-white">
-      <NuxtLink :to="'/playlists/' + playlist"
-        class="compilation mx-auto p-4 inline-flex hover:bg-esyellow hover:text-black">
-        {{ playlist }}
-      </NuxtLink>
+    <div v-for="playlist in playlists.files" class="w-44">
+      <playlistObject :playlist="playlist" template="full" />
     </div>
-  </section>
 </template>
 
 <script setup lang="ts">