website/src/components/LanguagePicker.astro

---
import { locales, defaultLocale, getLocale } from "astro-i18n-aut";
import { useTranslations } from "../i18n/utils";

function translatePath(lang: string) {
  const split = Astro.url.pathname.split("/").filter((s) => s.length);

  if (split[0] in locales) {
    split.shift();
  }

  if (lang === defaultLocale) {
    return `/${split.join("/")}`;
  }

  return `/${[lang, ...split].join("/")}`;
}

const locale = getLocale(Astro.url);
const t = useTranslations(locale);
---

<ul>
  {
    Object.entries(locales).map(([lang, label]) => (
      <li>
        <a href={translatePath(lang)}>{t(label as "de")}</a>
      </li>
    ))
  }
</ul>