From 3013f352570439832075bab19c9ae91ec6ab98ac Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com>
Date: Mon, 23 Dec 2024 14:13:29 +0100
Subject: Update to astro 5

---
 src/pages/blog.astro        |  3 ++-
 src/pages/blog/[id].astro   | 58 +++++++++++++++++++++++++++++++++++++++++++++
 src/pages/blog/[slug].astro | 55 ------------------------------------------
 src/pages/index.astro       |  2 +-
 4 files changed, 61 insertions(+), 57 deletions(-)
 create mode 100644 src/pages/blog/[id].astro
 delete mode 100644 src/pages/blog/[slug].astro

(limited to 'src/pages')

diff --git a/src/pages/blog.astro b/src/pages/blog.astro
index 4cfcea3..9d2d77b 100644
--- a/src/pages/blog.astro
+++ b/src/pages/blog.astro
@@ -38,6 +38,7 @@ const schema = {
 		"name": "Ariel Costas",
 	}
 };
+
 ---
 
 <Layout title="Blog" description="Artículos sobre desarrollo, tecnología y otras temáticas que pueda querer compartir.">
@@ -58,7 +59,7 @@ const schema = {
 				<ul>
 					{posts.map((post) => (
 						<li>
-							<a href={`/blog/${post.slug}`}>{post.data.title}</a>
+							<a href={`/blog/${post.id}`}>{post.data.title}</a>
 						</li>
 					))}
 				</ul>
diff --git a/src/pages/blog/[id].astro b/src/pages/blog/[id].astro
new file mode 100644
index 0000000..6488a04
--- /dev/null
+++ b/src/pages/blog/[id].astro
@@ -0,0 +1,58 @@
+---
+import type { GetStaticPaths } from "astro";
+import Layout from "../../layouts/Layout.astro";
+import { getCollection, render } from "astro:content";
+
+export const getStaticPaths = (async () => {
+	const entries = await getCollection("blog");
+	return entries.map((entry) => ({
+		params: { id: entry.id },
+		props: { entry },
+	}));
+}) as GetStaticPaths;
+
+const { entry } = Astro.props;
+const { Content } = await render(entry);
+const formattedDate = new Date(entry.data.publishedAt).toLocaleDateString(
+	"es-ES",
+	{
+		year: "numeric",
+		month: "long",
+		day: "numeric",
+		weekday: "long",
+	},
+);
+
+const schema = {
+	"@context": "https://schema.org",
+	"@type": "BlogPosting",
+	headline: entry.data.title,
+	datePublished: entry.data.publishedAt.toISOString(),
+	author: {
+		"@type": "Person",
+		name: "Ariel Costas Guerrero",
+	},
+	publisher: {
+		"@type": "Person",
+		name: "Ariel Costas Guerrero",
+		logo: {
+			"@type": "ImageObject",
+			url: "https://www.costas.dev/favicon.png",
+		},
+	},
+};
+---
+
+<Layout title={entry.data.title} description={entry.data.metaDescription}>
+	<script type="application/ld+json" slot="head-jsonld" set:html={JSON.stringify(schema)}></script>
+
+	<h1>{entry.data.title}</h1>
+	<small>
+		Publicado el
+		<time datetime={entry.data.publishedAt.toISOString()}>
+			{formattedDate}
+		</time>
+	</small>
+
+	<Content />
+</Layout>
diff --git a/src/pages/blog/[slug].astro b/src/pages/blog/[slug].astro
deleted file mode 100644
index a1a0532..0000000
--- a/src/pages/blog/[slug].astro
+++ /dev/null
@@ -1,55 +0,0 @@
----
-import type { GetStaticPaths } from "astro";
-import Layout from "../../layouts/Layout.astro";
-import { getCollection } from "astro:content";
-export const getStaticPaths = (async () => {
-	const entries = await getCollection("blog");
-	return entries.map((entry) => ({
-		params: { slug: entry.slug },
-		props: { entry },
-	}));
-}) satisfies GetStaticPaths;
-const { entry } = Astro.props;
-const { Content } = await entry.render();
-const formattedDate = new Date(entry.data.publishedAt).toLocaleDateString(
-	"es-ES",
-	{
-		year: "numeric",
-		month: "long",
-		day: "numeric",
-		weekday: "long",
-	},
-);
-const schema = {
-	"@context": "https://schema.org",
-	"@type": "BlogPosting",
-	headline: entry.data.title,
-	datePublished: entry.data.publishedAt.toISOString(),
-	author: {
-		"@type": "Person",
-		name: "Ariel Costas Guerrero",
-	},
-	publisher: {
-		"@type": "Person",
-		name: "Ariel Costas Guerrero",
-		logo: {
-			"@type": "ImageObject",
-			url: "https://www.costas.dev/favicon.png",
-		},
-	},
-};
----
-
-<Layout title={entry.data.title} description={entry.data.metaDescription}>
-	<script type="application/ld+json" slot="head-jsonld" set:html={JSON.stringify(schema)}></script>
-
-	<h1>{entry.data.title}</h1>
-	<small>
-		Publicado el
-		<time datetime={entry.data.publishedAt.toISOString()}>
-			{formattedDate}
-		</time>
-	</small>
-
-	<Content />
-</Layout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 5d1c24d..e995a9d 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -57,7 +57,7 @@ const schema = {
 						<time datetime={p.data.publishedAt.toISOString()}>
 							{date}
 						</time>
-						<a href={`/blog/${p.slug}`}>{p.data.title}</a>
+						<a href={`/blog/${p.id}`}>{p.data.title}</a>
 					</li>
 				);
 			})
-- 
cgit v1.3