Current locale utility

[evenfrost]

It would be great to have a utility function/variable to get the currently active locale (e.g., en, de, etc.), so it can be used, e.g. in custom language switcher styling to set the active state on the element depending on the current locale.

The current workaround is to extract the locale name from the URL, which is not very convenient because there is no access to window in native Astro code blocks, so you can't set the class dynamically via class:list, and have to fall back to <script> tags and native DOM methods.

[yassinedoghri]

You can get the current language using the language property from the i18next object:

import i18next from "i18next";

const currentLanguage = i18next.language;

You may browse the LanguageSelector component to see how it works.