Lokalizasiya

Hər daxili UI mətni (bağla düymələri, səhifələmə etiketləri, sıralama elanları, yükləmə göstərişləri…) locale reyestri vasitəsilə həll olunur. Bundle-a yalnız en daxil edilib — digər hər bir dil kənardan (idxal oluna bilən modul və ya JSON faylı) yüklənir və addLocale ilə qeydiyyatdan keçirilir. Eyni reyestr həm @zephora/react-i, həm də @zephora/native-i idarə edir. en, tr.

Locale-in yüklənməsi

// 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 dəyişin — səhifələmə etiketləri və dialog düymələri anında yenilənir.

Locale seçimi

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

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

Xüsusi locale qeydiyyatı

addLocale mesajlarınızı ingilis dilinin üzərinə birləşdirir, ona görə də qismən təriflər təhlükəsizdir. updateLocale mövcud olanı yamaqlayır.

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

Öz komponentlərinizdə mətnlərin oxunması

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

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

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

Mövcud locale-lər

48 hazır tərcümə ilə gəlir. Hər biri müstəqil moduldur — yalnız ehtiyacınız olanı idxal edin (və ya uyğun .json-u fetch edin).

Mesaj istinadı

Tam açar dəsti ZephoraLocale tipində yaşayır — əməliyyatlar (close, cancel, confirm, clear…), data vəziyyətləri (loading, noData, emptyMessage), forma mətnləri (showPassword, browseFiles, removeFile), naviqasiya (pageOf, nextPage, breadcrumb), data göstərişi (sortAscending, selectAllRows, goToSlide) və tarixlər (prevMonth, chooseDate, firstDayOfWeek, intlLocale). Yer tutucular t(key, params) ilə interpolyasiya olunan {param} sintaksisindən istifadə edir.