Lokalizacija

Svaki ugrađeni UI string (dugmad za zatvaranje, oznake paginacije, obaveštenja o sortiranju, prompti za upload…) se razrešava kroz locale registry. Samo en je ugrađen u bundle — svaki drugi jezik se učitava spolja (importabilni modul ili JSON fajl) i registruje sa addLocale. Isti registry pokreće @zephora/react i @zephora/native. en, tr.

Učitavanje locale-a

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

Promenite locale — oznake paginacije i dugmad dijaloga se ažuriraju trenutno.

Izbor locale-a

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

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

Registracija prilagođenog locale-a

addLocale spaja vaše poruke preko engleskog, tako da su parcijalne definicije bezbedne. updateLocale zakrpi postojeći.

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

Čitanje stringova u vašim komponentama

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

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

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

Dostupni locale-i

Isporučuje se sa 48 gotovih prevoda. Svaki je nezavisan modul — importujte samo ono što vam treba (ili preuzmite odgovarajući .json).

Referenca poruka

Kompletan skup ključeva živi na ZephoraLocale tipu — akcije (close, cancel, confirm, clear…), stanja podataka (loading, noData, emptyMessage), stringovi formi (showPassword, browseFiles, removeFile), navigacija (pageOf, nextPage, breadcrumb), prikaz podataka (sortAscending, selectAllRows, goToSlide) i datumi (prevMonth, chooseDate, firstDayOfWeek, intlLocale). Placeholderi koriste {param} sintaksu koju interpolira t(key, params).