Convert blog posts to content collections

It *probably* works but the site doesn't build yet

src/components/atoms/PostInfo.astro

@@ -1,18 +1,21 @@
 ---
 import { localizeList } from "@util/Util";
-import { t } from "i18next";
 
-const { post } = Astro.props;
-const { authors = [], date } = post.frontmatter;
+interface Props {
+	authors: string[]
+	date: Date
+}
+const { authors } = Astro.props;
+const { date }  = Astro.props;
 ---
 
 <div class="media">
 	<div class="media-content">
-		{authors.length > 0 && <p class="title is-5">{localizeList(authors)}</p>}
+		{authors.length > 0 && <p class="title is-5">{authors.join(", ")}</p>}
 
 		{
 			date && (
-				<p class="subtitle is-6">{t("post-date", { date: new Date(date) })}</p>
+				<p class="subtitle is-6">{date.toLocaleDateString()}</p>
 			)
 		}
 	</div>

src/content/config.ts

@@ -17,4 +17,8 @@ const page = defineCollection({
 		title: z.string(),
 		description: z.string()
 	})
-})
+})
+
+export const collections = {
+	"blog": blogPost
+}

src/pages/en/blog/[...slug].astro

@@ -0,0 +1,34 @@
+---
+import PostInfo from "@atoms/PostInfo.astro";
+import Default from "@layouts/Default.astro";
+import { getCollection, type CollectionEntry } from "astro:content";
+import type { BaseProps } from "@layouts/Base.astro";
+import Post from "@layouts/Post.astro";
+
+interface Props {
+	blogPost: CollectionEntry<"blog">
+}
+export async function getStaticPaths() {
+  const blogPosts = await getCollection("blog");
+  return blogPosts.map((blogPost) => ({
+    params: { slug: blogPost.slug },
+    props: { blogPost },
+  }));
+
+}
+const { blogPost } = Astro.props;
+const { Content } = await blogPost.render();
+const contentProps: BaseProps = {
+	title: blogPost.data.title,
+	date: blogPost.data.date.toUTCString()
+}
+---
+
+<Default content={contentProps}>
+	<div class="blog-post">
+		<h1>{blogPost.data.title}</h1>
+		<PostInfo authors={blogPost.data.authors} date={blogPost.data.date} />
+
+		<Content />
+	</div>
+</Default>