---
import { Root } from '../../components/Root'
import Zine from '../../layouts/zine.astro'
import { apiClient } from '../../utils/apiClient'

const articles = await apiClient.getRecentArticles({ limit: 50 })
---

<Zine>
  <Root articles={articles} client:load />
</Zine>