fix: update blog routing to use post slugs instead of IDs; adjust rendering method for blog posts

Author: nicholasdbrady

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

@@ -1,21 +1,20 @@
 ---
 import { type CollectionEntry, getCollection } from 'astro:content';
 import BlogPost from '../../layouts/BlogPost.astro';
-//import { render } from 'astro:content';
 
 export async function getStaticPaths() {
 	const posts = await getCollection('blog');
 	return posts.map((post) => ({
-		params: { slug: post.id },
+		params: { slug: post.slug },
 		props: post,
 	}));
 }
 type Props = CollectionEntry<'blog'>;
 
 const post = Astro.props;
-const { Content } = await render(post);
+const { Content } = await post.render();
 ---
 
 <BlogPost {...post.data}>
 	<Content />
-</BlogPost>
+</BlogPost>