Dokumentacja hooka useIntlayer

Hook useIntlayer pozwala pobierać zlokalizowaną zawartość ze słownika za pomocą jego klucza. W Solid hook ten zwraca reaktywną funkcję accessor, która aktualizuje się za każdym razem, gdy zmienia się locale.

Użycie

import { useIntlayer } from "solid-intlayer";const MyComponent = () => {  const content = useIntlayer("my-dictionary-key");  return (    <div>      <h1>{content.title}</h1>      <p>{content.description}</p>    </div>  );};

Opis

Hook wykonuje następujące zadania:

1. Wykrywanie locale: Używa bieżącego locale z kontekstu IntlayerProvider.
2. Wstrzykiwanie słownika: Automatycznie wstrzykuje zawartość słownika odpowiadającego podanemu kluczowi, korzystając ze zoptymalizowanych deklaracji wygenerowanych przez kompilator Intlayer.
3. Reaktywność: Zwraca Solid accessor (Accessor<T>), który automatycznie ponownie ewaluowany, gdy zmienia się globalny stan locale.
4. Przetwarzanie tłumaczeń: rozwiązuje zawartość na podstawie wykrytego locale, przetwarzając wszelkie definicje t(), enu(), itp., znalezione w słowniku.

Parametry

• key: Unikalny klucz słownika (zgodny z definicją w twoich plikach deklaracji treści).
• locale (opcjonalnie): Nadpisuje bieżący locale.

Zwraca

Funkcja accessor (() => Content) zwracająca zlokalizowaną zawartość.