useIntlayer-Hook-Dokumentation

Der useIntlayer-Hook ermöglicht es, lokalisierten Inhalt aus einem Wörterbuch über dessen Schlüssel abzurufen. In Solid gibt dieser Hook eine reaktive Accessor-Funktion zurück, die sich aktualisiert, sobald sich die Locale ändert.

Verwendung

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

Beschreibung

Der Hook führt die folgenden Aufgaben aus:

1. Locale-Erkennung: Er verwendet die aktuelle locale aus dem IntlayerProvider-Kontext.
2. Wörterbuch-Injektion: Er injiziert automatisch den Inhalt des Wörterbuchs, das dem angegebenen Schlüssel entspricht, unter Verwendung der vom Intlayer-Compiler generierten optimierten Deklarationen.
3. Reaktivität: Er gibt einen Solid-Accessor (Accessor<T>) zurück, der sich automatisch neu auswertet, wenn sich der globale locale-Zustand ändert.
4. Übersetzungsverarbeitung: Es löst den Inhalt basierend auf der erkannten locale auf und verarbeitet dabei alle im Wörterbuch gefundenen Definitionen wie t(), enu() usw.

Parameter

• key: Der eindeutige Schlüssel des Wörterbuchs (wie in deinen content declaration files definiert).
• locale (optional): Überschreibt die aktuelle locale.

Rückgabewert

Eine Accessor-Funktion (() => Content), die den lokalisierten Inhalt zurückgibt.