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

import { initRouter } from '../../stores/router'

const { pathname, search } = Astro.url
initRouter(pathname, search)

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

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