lunasqu.ee-nuxt/pages/blog/index.vue

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

<script setup lang="ts">
import type { BlogPost } from '~~/lib/types/post';

const { data: posts } = await useFetch<BlogPost[]>('/api/blog', {
  key: 'frontpage',
  params: { limit: 16, render: false },
});
</script>