Add rewrite.

Author: nikoshell

src/pages/[code].astro

@@ -1,14 +1,12 @@
 ---
 import { getCollection } from "astro:content";
-
 export async function getStaticPaths() {
   const sessions = await getCollection("sessions");
   return sessions.map((entry) => ({
     params: { code: entry.data.code },
     props: { slug: entry.id},
   }));
 }
-
 const { slug } = Astro.props;
 return Astro.rewrite(`/session/${slug}`);
 ---

src/pages/session/[slug].astro

@@ -21,7 +21,7 @@ export async function getStaticPaths() {
 const sessions = await getCollection("sessions");
 
 const { entry } = Astro.props;
-
+const slug = entry.id;
 const speakers = await getEntries(entry.data.speakers);
 
 // Resolve session codes to session data
@@ -233,3 +233,16 @@ const nextSessionsOrdered = sameRoomNextSession
     </footer>
   </Section>
 </Layout>
+
+<script is:inline define:vars={{ slug }}>
+  // Check if the current URL contains the entry ID
+  const currentUrl = window.location.pathname;
+  const expectedUrl = `/session/${slug}`;
+
+  // If the URL doesn't match the expected URL with the entry ID, replace it
+  if (currentUrl !== expectedUrl) {
+    // Use history.replaceState to update the URL without refreshing the page
+    window.history.replaceState({}, '', expectedUrl);
+    console.log(`URL updated to match entry ID: ${expectedUrl}`);
+  }
+</script>