Keep the HTML lang attribute in sync with the i18next language

2026-08-23 20:59:21 +00:00 · 2025-05-05 15:10:03 +02:00
1 changed files with 5 additions and 0 deletions
--- a/src/initializer.tsx
+++ b/src/initializer.tsx
@@ -136,6 +136,11 @@ export class Initializer {
      lookup: () => getUrlParams().lang ?? undefined,
    });

+    // Synchronise the HTML lang attribute with the i18next language
+    i18n.on("languageChanged", (lng) => {
+      document.documentElement.lang = lng;
+    });
+
    await i18n
      .use(Backend)
      .use(languageDetector)