மொழியாக்கம்

உள்ளமைந்த ஒவ்வொரு UI சரமும் (மூடும் பட்டன்கள், pagination லேபிள்கள், வரிசைப்படுத்தல் அறிவிப்புகள், பதிவேற்ற தூண்டல்கள்…) locale registry வழியாகத் தீர்க்கப்படுகிறது. bundle-இல் en மட்டுமே உட்பொதிக்கப்பட்டுள்ளது — மற்ற ஒவ்வொரு மொழியும் வெளியிலிருந்து (இறக்குமதி செய்யக்கூடிய module அல்லது JSON கோப்பு) ஏற்றப்பட்டு, addLocale மூலம் பதிவு செய்யப்படுகிறது. அதே registry @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-ஐ மாற்றுங்கள் — pagination லேபிள்களும் dialog பட்டன்களும் உடனடியாக புதுப்பிக்கப்படும்.

ஒரு 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 தயாராக வரும் மொழிபெயர்ப்புகளுடன் வழங்கப்படுகிறது. ஒவ்வொன்றும் ஒரு சுயாதீன module — உங்களுக்குத் தேவையானதை மட்டும் இறக்குமதி செய்யுங்கள் (அல்லது பொருந்தும் .json-ஐ fetch செய்யுங்கள்).

செய்தி குறிப்பு

முழு key தொகுப்பும் ZephoraLocale type-இல் உள்ளது — செயல்கள் (close, cancel, confirm, clear…), தரவு நிலைகள் (loading, noData, emptyMessage), படிவ சரங்கள் (showPassword, browseFiles, removeFile), வழிசெலுத்தல் (pageOf, nextPage, breadcrumb), தரவுக் காட்சி (sortAscending, selectAllRows, goToSlide) மற்றும் தேதிகள் (prevMonth, chooseDate, firstDayOfWeek, intlLocale). Placeholder-கள் t(key, params) மூலம் interpolate செய்யப்படும் {param} தொடரியலைப் பயன்படுத்துகின்றன.