Dokumentasi Hook useDictionary

Hook useDictionary menyelesaikan objek kamus yang diimpor atau didefinisikan secara inline dan mengembalikan kontennya untuk lokal saat ini dalam aplikasi Astro.

Berbeda dengan useIntlayer, yang mengambil kamus berdasarkan kunci dari registri kamus global, useDictionary bekerja langsung dengan objek kamus.

Penggunaan

---
import { useDictionary } from "astro-intlayer";
import homeContent from "../content/home.content";

const content = useDictionary(homeContent);
---

<main>
  <h1>{content.title}</h1>
  <p>{content.description}</p>
</main>

Anda juga dapat meneruskan kamus inline yang didefinisikan dengan t():

---
import { useDictionary } from "astro-intlayer";
import { t } from "intlayer";

const footer = useDictionary({
  key: "footer",
  content: {
    copyright: t({
      id: "Hak cipta dilindungi undang-undang.",
      en: "All rights reserved.",
      fr: "Tous droits réservés.",
    }),
  },
});
---

<footer>
  <p>{footer.copyright}</p>
</footer>

Parameter

useDictionary(dictionary, localeOrSelector?)

1. dictionary: Objek kamus atau grup kamus yang memenuhi syarat.
2. localeOrSelector (opsional): Lokal tertentu atau objek pemilih ({ item }, { variant }, secara opsional dengan locale).

Deskripsi

Hook ini melakukan tugas-tugas berikut:

1. Deteksi Lokal: Di server, mendapatkan lokal dari Astro.locals.intlayer. Di browser, menggunakan lokal store sisi klien.
2. Pemrosesan Konten: Menyelesaikan terjemahan (t()), enumerasi, kondisi, dan struktur bersarang sesuai dengan lokal yang ditentukan.
3. Pemilih: Menerapkan pemilih item atau varian apa pun yang disediakan dalam argumen.

Dokumentasi Terkait

• Integrasi intlayer
• Hook useIntlayer
• Hook useLocale