Dokumentacja hooka useLocale

Hook useLocale pozwala zarządzać bieżącym locale w Twojej aplikacji Solid. Umożliwia dostęp do aktualnego locale (jako accessor), locale domyślnego, dostępnych locale oraz funkcji do aktualizacji locale.

Użycie

import { useLocale } from "solid-intlayer";

const LocaleSwitcher = () => {
  const { locale, setLocale, availableLocales } = useLocale();

  // Komponent wyświetlający selector do zmiany lokalizacji
  return (
    <select value={locale()} onChange={(e) => setLocale(e.currentTarget.value)}>
      {availableLocales.map((loc) => (
        <option value={loc} selected={loc === locale()}>
          {loc}
        </option>
      ))}
    </select>
  );
};

Opis

Hook zwraca obiekt z następującymi właściwościami:

1. locale: Solid accessor (() => string) zwracający bieżący locale.
2. defaultLocale: Domyślny locale zdefiniowany w Twoim intlayer.config.ts.
3. availableLocales: Tablica wszystkich locale obsługiwanych przez Twoją aplikację.
4. setLocale: Funkcja do aktualizacji locale aplikacji. Obsługuje także persystencję (ciasteczka / local storage), jeśli jest włączona.

Parametry

• props (opcjonalnie):
  • onLocaleChange: Funkcja callback wywoływana za każdym razem, gdy zmienia się locale.
  • isCookieEnabled: Czy zapisywać locale w cookie.