Documentazione dell'hook useLocale

L'hook useLocale ti permette di gestire la locale corrente nella tua applicazione Solid. Fornisce l'accesso alla locale corrente (come accessor), alla locale di default, alle locali disponibili e a una funzione per aggiornare la locale.

Utilizzo

import { useLocale } from "solid-intlayer";

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

  return (
    <select value={locale()} onChange={(e) => setLocale(e.currentTarget.value)}>
      {availableLocales.map((loc) => (
        <option value={loc} selected={loc === locale()}>
          {loc}
        </option>
      ))}
    </select>
  );
};

Descrizione

L'hook restituisce un oggetto con le seguenti proprietà:

1. locale: Un accessor Solid (() => string) che ritorna la locale corrente.
2. defaultLocale: La locale predefinita definita nel tuo intlayer.config.ts.
3. availableLocales: Un array di tutte le locale supportate dalla tua applicazione.
4. setLocale: Una funzione per aggiornare la locale dell'applicazione. Gestisce anche la persistenza (cookie/local storage) se abilitata.

Parametri

• props (opzionale):
  • onLocaleChange: Una funzione di callback chiamata ogni volta che la locale cambia.
  • isCookieEnabled: Se abilitare la persistenza della locale tramite cookie.