Penyetempatan

Setiap rentetan UI terbina dalam (butang tutup, label penomboran, pengumuman isihan, gesaan muat naik…) diselesaikan melalui registri locale. Hanya en yang tertanam dalam bundle — setiap bahasa lain dimuatkan dari luar (modul boleh import atau fail JSON) dan didaftarkan dengan addLocale. Registri yang sama memacu @zephora/react dan @zephora/native. en, tr.

Memuatkan 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 langsung

Tukar locale — label penomboran dan butang dialog dikemas kini serta-merta.

Memilih locale

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

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

Mendaftarkan locale tersuai

addLocale menggabungkan mesej anda di atas bahasa Inggeris, jadi definisi separa adalah selamat. updateLocale menampal yang sedia ada.

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

Membaca rentetan dalam komponen anda sendiri

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

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

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

Locale tersedia

Hadir dengan 48 terjemahan sedia buat. Setiap satu ialah modul bebas — import hanya apa yang anda perlukan (atau fetch .json yang sepadan).

Rujukan mesej

Set kunci penuh terletak pada jenis ZephoraLocale — tindakan (close, cancel, confirm, clear…), keadaan data (loading, noData, emptyMessage), rentetan borang (showPassword, browseFiles, removeFile), navigasi (pageOf, nextPage, breadcrumb), paparan data (sortAscending, selectAllRows, goToSlide) dan tarikh (prevMonth, chooseDate, firstDayOfWeek, intlLocale). Pemegang tempat menggunakan sintaks {param} yang diinterpolasi oleh t(key, params).