39 lines
1.0 KiB
Plaintext
39 lines
1.0 KiB
Plaintext
---
|
|
import Layout from "@/layouts/Layout.astro";
|
|
import { getCollection } from "astro:content";
|
|
import type { CollectionEntry } from "astro:content";
|
|
import components from "@/components/mdx/wrapper";
|
|
import formatDate from "@/utils/format-date";
|
|
|
|
interface Props {
|
|
project: CollectionEntry<"portfolio">;
|
|
}
|
|
|
|
export async function getStaticPaths() {
|
|
const allProjects = await getCollection(
|
|
"portfolio",
|
|
({ data }) => data.draft !== true,
|
|
);
|
|
|
|
return allProjects.map((project) => ({
|
|
params: { slug: project.slug },
|
|
props: { project },
|
|
}));
|
|
}
|
|
|
|
const { project } = Astro.props;
|
|
const { Content } = await project.render();
|
|
---
|
|
|
|
<Layout title={project.data.title} description={project.data.description}>
|
|
<article class="prose prose-invert">
|
|
<h1>{project.data.title}</h1>
|
|
<Content components={{ ...components }} />
|
|
<hr />
|
|
<p>
|
|
<strong>Posted: </strong>
|
|
{project.data.date && formatDate(new Date(project.data.date))}
|
|
</p>
|
|
</article>
|
|
</Layout>
|