---
import Layout from '~/layouts/Layout.astro'
import Container from '~/components/Container'

const { slug } = Astro.params

let res = await fetch(`https://betaeducacao.com.br/wp-json/wp/v2/posts?slug=${slug}&_embed`)
let [post] = await res.json()

// The getStaticPaths() is required for static Astro sites.
// If using SSR, you will not need this function.
export async function getStaticPaths() {
  let data = await fetch('https://betaeducacao.com.br/wp-json/wp/v2/posts')
  let posts = await data.json()

  return posts.map((post) => ({
    params: { slug: post.slug },
    props: { post: post },
  }))
}
---

<Layout title={post.title.rendered}>
  <Container>
    <article>
      <h1 set:html={post.title.rendered} />
      <Fragment set:html={post.content.rendered} />
    </article>
  </Container>
</Layout>