moved computer

src/components/AstroImage.astro

@@ -17,6 +17,7 @@ const imgAvif = await getImage({
 const imgWebp = await getImage({
 	src: src,
 	format: "webp",
+	// need Number() because sharp wants an integer and not a string for w/h
 	width: Number(imgWidth),
 	height: Number(imgHeight),
 });

src/components/Navigation.astro

@@ -7,19 +7,19 @@ import LanguageSwitcher from "./LangSwitcher.astro";
 	<ul class="main-nav" role="list">
 		<li>
 			<a href={l("/articles")} class="clean-link nice-link"
-				>{t("article.titre")}</a
+				>{t("article.titre")}&nbsp;</a
 			>
 			<span aria-hidden="true">&middot;</span>
 		</li>
 		<li>
 			<a href={l("/fragments")} class="clean-link nice-link"
-				>{t("fragments.titre")}</a
+				>{t("fragments.titre")}&nbsp;</a
 			>
 			<span aria-hidden="true">&middot;</span>
 		</li>
 		<li>
 			<a href={l("/references")} class="clean-link nice-link"
-				>{t("references.titre")}</a
+				>{t("references.titre")}&nbsp;</a
 			>
 			<span aria-hidden="true">&middot;</span>
 		</li>

src/pages/articles/[slug].astro

@@ -6,22 +6,29 @@ import { getCollection } from "astro:content";
 import EditorialContent from "../../components/EditorialContent.astro";
 import BaseLayout from "../../layouts/BaseLayout.astro";
 
-export const getStaticPaths = createStaticPaths(async ({ langCode }) => {
-	const articles = await getCollection("articles", ({ data }) => {
-		return data.lang === langCode;
-	});
-	return articles.map((article) => ({
-		params: { slug: article.data.permalink },
-		props: { article },
-	}));
-}, import.meta.url);
+export const getStaticPaths = createStaticPaths(
+	async ({ langCode }) => {
+		const articles = await getCollection("articles", ({ data }) => {
+			console.log(langCode);
+			return data.lang === langCode;
+		});
+		return articles.map((article) => ({
+			params: { slug: article.data.permalink },
+			props: { article },
+		}));
+	},
+	import.meta.url
+);
 
 // export async function getStaticPaths() {
 // 	const articles = await getCollection("articles", ({ data }) => {
+// 		console.log(astroI18n.langCode);
 // 		return data.lang === astroI18n.langCode;
 // 	});
+// 	console.log(articles);
+
 // 	return articles.map((article) => ({
-// 		params: { slug: article.slug },
+// 		params: { slug: article.data.permalink },
 // 		props: { article },
 // 	}));
 // }

src/pages/en/rss.xml.js

@@ -1,34 +0,0 @@
-import rss from "@astrojs/rss";
-import { getCollection } from "astro:content";
-
-export async function get(context) {
-	const articles = await getCollection("articles", ({ data }) => {
-		return data.lang === "en" && !data.draft;
-	});
-	const fragments = await getCollection("fragments", ({ data }) => {
-		return data.lang === "en" && !data.draft;
-	});
-	const posts = articles.concat(fragments);
-	return rss({
-		// `<title>` field in output xml
-		title: "Nicolas Arduin",
-		// `<description>` field in output xml
-		description: "Articles from nardu.in",
-		// Pull in your project "site" from the endpoint context
-		// https://docs.astro.build/en/reference/api-reference/#contextsite
-		site: context.site,
-		// Array of `<item>`s in output xml
-		// See "Generating items" section for examples using content collections and glob imports
-		items: posts.map((post) => ({
-			title: post.data.title,
-			pubDate: post.data.createdAt,
-			description: post.data.subtitle,
-			lang: post.data.lang,
-			// Compute RSS link from post `slug`
-			// This example assumes all posts are rendered as `/blog/[slug]` routes
-			link: `/en/${post.data.type}/${post.data.permalink}/`,
-		})),
-		// (optional) inject custom xml
-		customData: `<language>en-us</language>`,
-	});
-}

src/pages/fragments/[slug].astro

@@ -1,27 +1,31 @@
 ---
 import { createStaticPaths } from "astro-i18n";
+// import { astroI18n } from "astro-i18n";
 
 import { getCollection } from "astro:content";
 import EditorialContent from "../../components/EditorialContent.astro";
 
 import BaseLayout from "../../layouts/BaseLayout.astro";
 
-export const getStaticPaths = createStaticPaths(async ({ langCode }) => {
-	const snippets = await getCollection("fragments", ({ data }) => {
-		return data.lang === langCode;
-	});
-	return snippets.map((snippet) => ({
-		params: { slug: snippet.data.permalink },
-		props: { snippet },
-	}));
-}, import.meta.url);
+export const getStaticPaths = createStaticPaths(
+	async ({ langCode }) => {
+		const snippets = await getCollection("fragments", ({ data }) => {
+			return data.lang === langCode;
+		});
+		return snippets.map((snippet) => ({
+			params: { slug: snippet.data.permalink },
+			props: { snippet },
+		}));
+	},
+	import.meta.url
+);
 
 // export async function getStaticPaths() {
 // 	const snippets = await getCollection("fragments", ({ data }) => {
 // 		return data.lang === astroI18n.langCode;
 // 	});
 // 	return snippets.map((snippet) => ({
-// 		params: { slug: snippet.slug },
+// 		params: { slug: snippet.data.permalink },
 // 		props: { snippet },
 // 	}));
 // }