Lokalisatie

Elke ingebouwde UI-tekst (sluitknoppen, pagineringslabels, sorteermeldingen, uploadprompts…) wordt opgelost via de locale-registry. Alleen en is in de bundle ingebed — elke andere taal wordt van buitenaf geladen (importeerbare module of JSON-bestand) en geregistreerd met addLocale. Dezelfde registry stuurt @zephora/react en @zephora/native aan. en, tr.

Een locale laden

// 1) As a module (tree-shaken, typed):
import { addLocale } from "@zephora/react";
import { trLocale } from "@zephora/theme/locales/tr";
addLocale("tr", trLocale);

// 2) As JSON over the network (e.g. from your CDN):
const messages = await fetch("/locales/tr.json").then((r) => r.json());
addLocale("tr", messages);
// JSON dosyası pakette hazır: @zephora/theme/locales/tr.json

Live demo

Wissel de locale — pagineringslabels en dialoogknoppen worden direct bijgewerkt.

Een locale kiezen

// Web
<ZephoraConfigProvider locale="tr">...</ZephoraConfigProvider>

// React Native
<ZephoraProvider theme={lightTheme} locale="tr">...</ZephoraProvider>

Een aangepaste locale registreren

addLocale voegt uw berichten samen over het Engels, dus gedeeltelijke definities zijn veilig. updateLocale patcht een bestaande.

import { addLocale, updateLocale } from "@zephora/react";

addLocale("de", {
  intlLocale: "de",
  firstDayOfWeek: 1,
  close: "Schließen",
  cancel: "Abbrechen",
  confirm: "Bestätigen",
  loading: "Wird geladen…",
  pageOf: "Seite {page} von {count}",
});

updateLocale("de", { clear: "Leeren" });

Teksten uitlezen in uw eigen componenten

import { useLocale, localeOption } from "@zephora/react";

function SaveBar() {
  const { t } = useLocale();
  return <Button>{t("apply")}</Button>;
}

// Outside React:
localeOption("cancel", "tr"); // "İptal"

Beschikbare locales

Wordt geleverd met 48 kant-en-klare vertalingen. Elke is een onafhankelijke module — importeer alleen wat u nodig hebt (of fetch de bijbehorende .json).

Berichtreferentie

De volledige sleutelset staat op het type ZephoraLocale — acties (close, cancel, confirm, clear…), datastatussen (loading, noData, emptyMessage), formulierteksten (showPassword, browseFiles, removeFile), navigatie (pageOf, nextPage, breadcrumb), dataweergave (sortAscending, selectAllRows, goToSlide) en datums (prevMonth, chooseDate, firstDayOfWeek, intlLocale). Placeholders gebruiken de {param}-syntaxis die door t(key, params) wordt geïnterpoleerd.