Le IntlayerProvider est le composant racine qui fournit le contexte d'internationalisation à votre application Solid. Il gère l'état de la locale courante et garantit que tous les composants enfants peuvent accéder aux traductions.

Utilisation

tsx

Copier le code

Copier le code dans le presse-papiers

import { IntlayerProvider } from "solid-intlayer";const App = () => (  <IntlayerProvider>    <MyComponent />  </IntlayerProvider>);

import { IntlayerProvider } from "solid-intlayer";const App = () => (  <IntlayerProvider>    <MyComponent />  </IntlayerProvider>);

Description

Le IntlayerProvider remplit les rôles suivants :

State Management : Il initialise et stocke la locale courante, en utilisant des signals pour la réactivité.
Locale Resolution : Il détermine la locale initiale en se basant sur les cookies, les préférences du navigateur ou la configuration par défaut.
Context Injection : Il rend la locale et la fonction setLocale disponibles pour n'importe quel composant via des hooks comme useIntlayer ou useLocale.
Persistence : Il synchronise automatiquement les changements de locale avec les cookies ou le stockage local afin de conserver la préférence de l'utilisateur entre les sessions.

Propriétés

locale (optionnel) : Définit manuellement la locale courante.
defaultLocale (optionnel) : Remplace la locale par défaut de la configuration.
setLocale (optionnel) : Fournit une fonction personnalisée pour définir la locale.
disableEditor (optionnel) : Désactive l'intégration de l'éditeur visuel.
isCookieEnabled (optionnel) : Active ou désactive la persistance des cookies.

Pourquoi Intlayer ?