לוקליזציה

כל מחרוזת ממשק מובנית (כפתורי סגירה, תוויות עימוד, הכרזות מיון, בקשות העלאה…) נפתרת דרך רישום ה-locale. רק en מוטמע ב-bundle — כל שפה אחרת נטענת מבחוץ (מודול שניתן לייבא או קובץ 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 — תוויות עימוד וכפתורי dialog מתעדכנים מיידית.

בחירת locale

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

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

רישום locale מותאם אישית

addLocale ממזג את ההודעות שלכם מעל אנגלית, כך שהגדרות חלקיות בטוחות. updateLocale מטלא locale קיים.

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"

שפות זמינות

מגיע עם 48 תרגומים מוכנים מראש. כל אחד הוא מודול עצמאי — ייבאו רק את מה שאתם צריכים (או fetch לקובץ .json המתאים).

עיון בהודעות

מערך המפתחות המלא נמצא בטיפוס ZephoraLocale — פעולות (close, cancel, confirm, clear…), מצבי נתונים (loading, noData, emptyMessage), מחרוזות טופס (showPassword, browseFiles, removeFile), ניווט (pageOf, nextPage, breadcrumb), הצגת נתונים (sortAscending, selectAllRows, goToSlide) ותאריכים (prevMonth, chooseDate, firstDayOfWeek, intlLocale). יישומי מיקום (placeholders) משתמשים בתחביר {param} המוחלף באמצעות t(key, params).