---
import { getCollection, render } from "astro:content";
import MarkdownPostLayout from "@/layouts/MarkdownPostLayout.astro";

export async function getStaticPaths() {
    const posts = await getCollection("blog");

    return posts.map((post) => {
        const [lang, ...slugParts] = post.id.split("/");

        return {
            params: {
                lang,
                slug: slugParts.join("/"),
            },
            props: {
                post,
                lang,
            },
        };
    });
}

const { post, lang } = Astro.props;
const { Content, headings } = await render(post);

const [postLang, ...slugParts] = post.id.split("/");
const slug = slugParts.join("/");
---

<MarkdownPostLayout
    post={post}
    frontmatter={post.data}
    lang={lang}
    slug={slug}
    postId={post.id}
    headings={headings}
>
    <Content />
</MarkdownPostLayout>