---
import { getCollection } from 'astro:content';

import Layout from "../../layouts/Layout.astro";
import Markdown from "../../layouts/Markdown.astro";

export async function getStaticPaths() {
    const collection = await getCollection('projects')
    return collection.map(project => {
        return {
            params: { slug: project.slug },
            props: { project: project },
        };
    });
}

const { project } = Astro.props;
---

<Layout title="Leggy Land" src={project.data.image.url} alt={project.data.image.alt}>
    <Markdown post={project} />
</Layout>