Documentation du hook useIntlayer

Le hook useIntlayer vous permet de récupérer du contenu localisé depuis un dictionnaire en utilisant sa clé. Dans Solid, ce hook renvoie du contenu réactif qui se met à jour à chaque changement de locale.

Utilisation

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

Description

Le hook réalise les tâches suivantes :

1. Détection de la locale : Il utilise la locale courante depuis le contexte IntlayerProvider.
2. Injection du dictionnaire : il injecte automatiquement le contenu du dictionnaire correspondant à la clé fournie, en utilisant les déclarations optimisées générées par le compilateur Intlayer.
3. Réactivité : Il renvoie un accessor Solid (Accessor<T>) qui se réévalue automatiquement lorsque l'état global de la locale change.
4. Traitement des traductions : il résout le contenu en fonction de la locale détectée, en traitant toutes les définitions t(), enu(), etc., présentes dans le dictionnaire.

Paramètres

• key : La clé unique du dictionnaire (comme définie dans vos fichiers de déclaration de contenu).
• locale (optionnel) : Remplace la locale courante.

Retourne

Une fonction accessor (() => Content) qui renvoie le contenu localisé.