ლოკალიზაცია

ყველა ჩაშენებული UI ტექსტი (დახურვის ღილაკები, გვერდების ნავიგაციის ეტიკეტები, დახარისხების შეტყობინებები, ატვირთვის მოთხოვნები…) locale-ის რეესტრით წყდება. bundle-ში მხოლოდ en-ია ჩაშენებული — ყველა სხვა ენა გარედან იტვირთება (იმპორტირებადი მოდული ან JSON ფაილი) და addLocale-ით რეგისტრირდება. იგივე რეესტრი ამუშავებს @zephora/react-სა და @zephora/native-ს. en, tr.

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

ცოცხალი დემო

შეცვალეთ locale — გვერდების ნავიგაციის ეტიკეტები და დიალოგის ღილაკები მყისიერად განახლდება.

locale-ის არჩევა

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

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

მორგებული locale-ის რეგისტრაცია

addLocale თქვენს შეტყობინებებს ინგლისურის ზემოდან ერწყმის, ამიტომ ნაწილობრივი განსაზღვრებები უსაფრთხოა. updateLocale არსებულს ასწორებს.

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

ტექსტების წაკითხვა თქვენივე კომპონენტებში

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

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

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

ხელმისაწვდომი locale-ები

მოდის 48 მზა თარგმანით. თითოეული დამოუკიდებელი მოდულია — დააიმპორტეთ მხოლოდ ის, რაც გჭირდებათ (ან fetch-ით მიიღეთ შესაბამისი .json).

შეტყობინებების საცნობარო

სრული გასაღებების ნაკრები ZephoraLocale ტიპზე ცხოვრობს — მოქმედებები (close, cancel, confirm, clear…), მონაცემთა მდგომარეობები (loading, noData, emptyMessage), ფორმის ტექსტები (showPassword, browseFiles, removeFile), ნავიგაცია (pageOf, nextPage, breadcrumb), მონაცემთა ჩვენება (sortAscending, selectAllRows, goToSlide) და თარიღები (prevMonth, chooseDate, firstDayOfWeek, intlLocale). ჩანაცვლებები იყენებს {param} სინტაქსს, რომელსაც t(key, params) ინტერპოლირებს.