astro native i18n + i18n utils

src/components/LangSwitcher.astro

@@ -1,38 +1,12 @@
 ---
-import { l, astroI18n } from "astro-i18n";
-
-// get all the locales available on the website and remove the one currently in use
-const availableLocales = astroI18n.langCodes.filter(
-	(locale) => locale !== astroI18n.langCode
-);
-// current path
-const currentRoute = Astro.url.pathname;
-
-function localeName(locale) {
-	let localeName = "";
-	switch (locale) {
-		case "fr":
-			localeName = "Français";
-			break;
-		case "en":
-			localeName = "English";
-			break;
-	}
-	return localeName;
-}
+import { languages } from '../i18n/ui'
 ---
 
-<ul role="list">
+<ul>
 	{
-		// create a list of available alternative locale
-		availableLocales.map((locale) => (
+		Object.entries(languages).map(([lang, label]) => (
 			<li>
-				<a
-					href={l(currentRoute as any, {}, locale as any)}
-					class="clean-link nice-link"
-				>
-					{localeName(locale)}
-				</a>
+				<a href={`/${lang}/`}>{label}</a>
 			</li>
 		))
 	}