src/pages/index.astro

---
import Loading from "@components/Loading.astro";
import Layout from "@layouts/Layout.astro";
---

<Layout title="Loading..." noHeader="true">
    <Loading />
</Layout>
<script>
  import { pageLoad } from "@utils/events";
  pageLoad(() => {
    let currentLang = localStorage.getItem("selectedLanguage");
    const redirect = (loc: any) => (window.location.href = loc);
    if (currentLang) {
        try {
            let parsed = JSON.parse(currentLang).value;
            switch (parsed) {
                case "en_US":
                    redirect("/en_US/");
                    break;
                case "jp":
                    redirect("/jp/");
                    break;
            default:
                redirect("/en_US/");
                break;
            }
        } catch {
            localStorage.clear();
            window.location.reload();
        }
        } else {
            if (navigator.language.includes("ja")) {
                localStorage.setItem("selectedLanguage", JSON.stringify({ value: "jp" }));
                redirect("/jp/");
            } else {
                localStorage.setItem(
                    "selectedLanguage",
                    JSON.stringify({ value: "en_US" })
                );
                redirect("/en_US/");
            }
        }
  });
</script>
<noscript>
    JavaScript is required to run this app.
</noscript>