<template>
  <NuxtLayout name="blog">
    <template v-for="post of posts">
      <BlogPost :post="post" :detail="false" />
    </template>
  </NuxtLayout>
</template>

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