<script setup>
const { data: messages } = await useFetch('/api/discord/messages')
</script>

<template>
  <div class="bg-m-secondary w-auto h-auto  mx-4 rounded-md shadow-md/50 shadow-black p-2">
    <div class="mb-2 flex items-center justify-between">
      <p class="font-bold text-3xl text-m-tertiary">
        Speedtest
      </p>
  <div v-if="messages">
    <div v-for="m in messages" :key="m.id">
      <strong>{{ m.author.username }}</strong>
      <p>{{ m.content }}</p>
    </div>
  </div>
    </div>
  </div>
</template>