Yerelleştirme

Yerleşik her arayüz metni (kapat düğmeleri, sayfalama etiketleri, sıralama duyuruları, yükleme istemleri…) locale kayıt defterinden çözülür. Pakette yalnızca en gömülüdür — diğer her dil dışarıdan (içe aktarılabilir modül veya JSON dosyası) yüklenir ve addLocale ile kaydedilir. Aynı kayıt defteri hem @zephora/react'i hem @zephora/native'i sürer. en, tr.

Bir locale yükleme

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

Canlı demo

Locale'i değiştirin — sayfalama etiketleri ve dialog düğmeleri anında güncellenir.

Locale seçme

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

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

Özel locale kaydetme

addLocale mesajlarınızı İngilizce üzerine birleştirir, bu yüzden kısmi tanımlar güvenlidir. updateLocale mevcut birini yamalar.

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

Kendi bileşenlerinizde metin okuma

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

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

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

Mevcut diller

48 hazır çeviriyle gelir. Her biri bağımsız bir modüldür — yalnızca ihtiyacınız olanı içe aktarın (veya eşleşen .json'u fetch edin).

Mesaj referansı

Tam anahtar seti ZephoraLocale tipinde yaşar — eylemler (close, cancel, confirm, clear…), veri durumları (loading, noData, emptyMessage), form metinleri (showPassword, browseFiles, removeFile), navigasyon (pageOf, nextPage, breadcrumb), veri gösterimi (sortAscending, selectAllRows, goToSlide) ve tarihler (prevMonth, chooseDate, firstDayOfWeek, intlLocale). Yer tutucular t(key, params) ile enterpole edilen {param} sözdizimini kullanır.