moved computer

package.json

@@ -1,27 +1,27 @@
 {
-	"name": "@example/minimal",
-	"type": "module",
-	"version": "0.0.1",
-	"private": true,
-	"scripts": {
-		"dev": "astro-i18n sync && astro dev",
-		"start": "astro dev",
-		"build": "astro build",
-		"preview": "astro preview",
-		"astro": "astro",
-		"i18n:install": "astro-i18n install",
-		"i18n:sync": "astro-i18n sync"
-	},
-	"dependencies": {
-		"@astrojs/mdx": "^1.1.0",
-		"@astrojs/rss": "^3.0.0",
-		"@astrojs/sitemap": "^3.0.0",
-		"astro": "3.1.1",
-		"astro-i18n": "1.8.1",
-		"sharp": "^0.32.6"
-	},
-	"devDependencies": {
-		"autoprefixer": "^10.4.13",
-		"postcss": "^8.4.20"
-	}
+  "name": "@example/minimal",
+  "type": "module",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "dev": "astro-i18n sync && astro dev",
+    "start": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "astro": "astro",
+    "i18n:install": "astro-i18n install",
+    "i18n:sync": "astro-i18n sync"
+  },
+  "dependencies": {
+    "@astrojs/mdx": "^1.1.0",
+    "@astrojs/rss": "^3.0.0",
+    "@astrojs/sitemap": "^3.0.0",
+    "astro": "3.1.4",
+    "astro-i18n": "1.8.1",
+    "sharp": "^0.32.6"
+  },
+  "devDependencies": {
+    "autoprefixer": "^10.4.13",
+    "postcss": "^8.4.20"
+  }
 }

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>