diff --git a/src/components/AppLayout/components/AppLayoutSpinner.astro b/src/components/AppLayout/components/AppLayoutSpinner.astro new file mode 100644 index 0000000..e296494 --- /dev/null +++ b/src/components/AppLayout/components/AppLayoutSpinner.astro @@ -0,0 +1,66 @@ +--- +import { Icon } from "astro-icon/components"; +import { getI18n } from "src/i18n/i18n"; + +const { t } = await getI18n(Astro.locals.currentLocale); +--- + +{/* ------------------------------------------- HTML ------------------------------------------- */} + +

{t("global.loading")}

+ +{/* ------------------------------------------- CSS -------------------------------------------- */} + + + +{/* ------------------------------------------- JS --------------------------------------------- */} + + diff --git a/src/components/AppLayout/components/Html.astro b/src/components/AppLayout/components/Html.astro index 49725c7..31fd21f 100644 --- a/src/components/AppLayout/components/Html.astro +++ b/src/components/AppLayout/components/Html.astro @@ -4,6 +4,7 @@ import { ViewTransitions } from "astro:transitions"; import "@fontsource-variable/vollkorn"; import "@fontsource-variable/murecho"; import { getI18n } from "src/i18n/i18n"; +import AppLayoutSpinner from "./AppLayoutSpinner.astro"; interface Props { openGraph?: @@ -116,6 +117,8 @@ const { currentTheme } = Astro.locals; + + {/* ------------------------------------------- CSS -------------------------------------------- */} diff --git a/src/i18n/wordings-keys.ts b/src/i18n/wordings-keys.ts index 54dca34..16281c3 100644 --- a/src/i18n/wordings-keys.ts +++ b/src/i18n/wordings-keys.ts @@ -83,4 +83,5 @@ export type WordingKey = | "header.nav.parentPages.collections.folder" | "header.nav.parentPages.collections.collectible" | "header.nav.parentPages.tooltip" - | "global.meta.description"; + | "global.meta.description" + | "global.loading";