Localizare

Fiecare text UI încorporat (butoane de închidere, etichete de paginare, anunțuri de sortare, mesaje de încărcare…) se rezolvă prin registrul de locale. Doar en este inclus în bundle — orice altă limbă se încarcă din exterior (modul importabil sau fișier JSON) și se înregistrează cu addLocale. Același registru alimentează @zephora/react și @zephora/native. en, tr.

Încărcarea unui locale

// 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

Demo live

Schimbă locale-ul — etichetele de paginare și butoanele de dialog se actualizează instantaneu.

Alegerea unui locale

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

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

Înregistrarea unui locale personalizat

addLocale îmbină mesajele tale peste engleză, așa că definițiile parțiale sunt sigure. updateLocale corectează unul existent.

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" });

Citirea textelor în propriile componente

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

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

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

Locale disponibile

Vine cu 48 traduceri gata făcute. Fiecare este un modul independent — importă doar ce ai nevoie (sau preia .json-ul corespunzător).

Referință de mesaje

Setul complet de chei trăiește pe tipul ZephoraLocale — acțiuni (close, cancel, confirm, clear…), stări de date (loading, noData, emptyMessage), texte de formular (showPassword, browseFiles, removeFile), navigare (pageOf, nextPage, breadcrumb), afișarea datelor (sortAscending, selectAllRows, goToSlide) și date calendaristice (prevMonth, chooseDate, firstDayOfWeek, intlLocale). Substituenții folosesc sintaxa {param} interpolată de t(key, params).