<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>
  </section>
</template>

<script setup lang="ts">
const { data: playlists } = await useFetch('/api/playlists')
</script>
