Migrate other collections

src/components/Testimonials.jsx

@@ -150,7 +150,7 @@ function Testimonials({ testimonials }) {
     <StyledDiv>
       <blockquote>{current.data.preview}</blockquote>
       <figcaption>{current.data.author}</figcaption>
-      <a className={"btn btn-cyan"} href={`/testimonials/${current.slug}`}>
+      <a className={"btn btn-cyan"} href={`/testimonials/${current.id}`}>
         <BookIcon />
         Read more!
       </a>

src/pages/blog.astro

@@ -13,7 +13,7 @@ const blogEntries = await getCollection("blog");
       .map((blogEntry) => {
         const { title, author, date } = blogEntry.data;
         return (
-          <a href={`/blog/${blogEntry.slug}`}>
+          <a href={`/blog/${blogEntry.id}`}>
             <h2>{title}</h2>
             <h3>
               <TimeAgo client:only="react" date={date} />

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

@@ -1,19 +1,19 @@
 ---
-import { getCollection } from "astro:content";
+import { getCollection, render } from "astro:content";
 import PageLayout from "../../layouts/PageLayout.astro";
 
 export async function getStaticPaths() {
   const blogs = await getCollection("blog");
   const colors = ["magenta", "cyan", "yellow"];
 
   return blogs.map((entry, idx) => ({
-    params: { slug: entry.slug },
+    params: { id: entry.id },
     props: { entry, color: colors[idx % colors.length] },
   }));
 }
 
 const { entry, color } = Astro.props;
-const { Content } = await entry.render();
+const { Content } = await render(entry);
 const { title, date, author, profilePicture } = entry.data;
 const authorData = { picture: profilePicture, name: author };
 

src/pages/sessions.astro

@@ -12,7 +12,7 @@ const sessions = await getCollection("sessions").then((sessions) => {
       title: session.data.title,
       date: session.data.date,
       champion: session.data.champion,
-      slug: session.slug,
+      slug: session.id,
     };
   });
 });

src/pages/sessions/[...slug].astro → src/pages/sessions/[...id].astro

@@ -1,5 +1,5 @@
 ---
-import { getCollection } from "astro:content";
+import { getCollection, render } from "astro:content";
 import PageLayout from "../../layouts/PageLayout.astro";
 import LocalTime from "../../components/LocalTime.jsx";
 import YouTubeVideo from "../../components/YouTubeVideo.astro";
@@ -9,13 +9,13 @@ export async function getStaticPaths() {
   const colors = ["magenta", "yellow", "cyan"];
 
   return sessionEntries.map((entry, idx) => ({
-    params: { slug: entry.slug },
+    params: { id: entry.id },
     props: { entry, color: colors[idx % colors.length] },
   }));
 }
 
 const { entry, color } = Astro.props;
-const { Content } = await entry.render();
+const { Content } = await render(entry);
 const {
   title,
   company,