generate may need to put changeLanguage at the top

[duskmoon314]

Hi, thanks for your excellent work.

I just use this to imply my blog's i18n. But I come across a problem.

On my index page, I want to map a slice of /{i18next.language}/blog/{slug}.md to a list to show my recent posts. But the generated changeLanguage is at the bottom of the frontmatter. Thus I cannot get the correct language before my code.

My code:

// src/pages/index.astro
import Base from "@layouts/Base.astro"
import Icon from "astro-icon"
import i18next, { t, changeLanguage } from "i18next"
import { localizePath } from "astro-i18next"
const posts =
  i18next.language === "en"
    ? (await Astro.glob("/src/pages/en/blog/*.{md,mdx}"))
        .sort(...)
        .slice(0, 3)
    : (await Astro.glob("/src/pages/blog/*.{md,mdx}"))
        .sort(...)
        .slice(0, 3)

// generated code at the bottom
changeLanguage("zh")

My config:

/** @type {import('astro-i18next').AstroI18nextConfig} */
export default {
  defaultLanguage: "zh",
  supportedLanguages: ["zh", "en"],
  i18next: {
    debug: true,
    initImmediate: false,
    backend: {
      loadPath: "./src/locales/{{lng}}.json",
    },
  },
  i18nextPlugins: {
    fsBackend: "i18next-fs-backend",
  },
}

IMO, changeLanguage may need to be at the top, something like:

// import part
changeLanguage("zh")
// other codes

[yassinedoghri]

Haven't thought this through! You're right, it's best to put it after the imports.

I'll fix it, thanks for the issue!

[github-actions]

🎉 This issue has been resolved in version 1.0.0-beta.5 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀