Add support for script direction

src/components/language-select.astro

@@ -24,7 +24,7 @@ const initialLanguage = "en";
 						selected={k === initialLanguage}
 						value={k}
 					>
-						{v}
+						{v.autonym}
 					</option>
 				);
 			})

src/i18n/engine.ts

@@ -71,4 +71,8 @@ export function applyTranslations(language: string) {
 			}
 		}
 	}
+
+	document.documentElement.lang = language;
+	document.documentElement.dir =
+		languages[language as keyof typeof languages].dir;
 }

src/i18n/translations.ts

@@ -14,12 +14,12 @@ import nl from "./translations/nl.json";
 import ru from "./translations/ru.json";
 
 export const languages = {
-	en: "English",
-	de: "Deutsch",
-	es: "Español",
-	fr: "Français",
-	nl: "Nederlands",
-	ru: "Русский",
+	en: { autonym: "English", dir: "ltr" },
+	de: { autonym: "Deutsch", dir: "ltr" },
+	es: { autonym: "Español", dir: "ltr" },
+	fr: { autonym: "Français", dir: "ltr" },
+	nl: { autonym: "Nederlands", dir: "ltr" },
+	ru: { autonym: "Русский", dir: "ltr" },
 };
 
 export const strings: Record<keyof typeof languages, Record<string, string>> = {