توثيق Hook useLocale

يسمح لك hook useLocale بإدارة اللغة الحالية في تطبيق Solid الخاص بك. ويوفر الوصول إلى اللغة الحالية (كـ accessor)، واللغة الافتراضية، واللغات المتاحة، ودالة لتحديث اللغة.

الاستخدام

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>  );};

الوصف

تُرجِع الـ hook كائنًا يحتوي على الخصائص التالية:

1. locale: accessor من Solid (() => string) يعيد الـ locale الحالي.
2. defaultLocale: الـ locale الافتراضي المعرفة في intlayer.config.ts.
3. availableLocales: مصفوفة بجميع الـ locales المدعومة بواسطة تطبيقك.
4. setLocale: دالة لتحديث الـ locale الخاص بالتطبيق. كما تتولى الحفظ (الكوكيز/التخزين المحلي) إذا كانت مُفعّلة.

المعاملات

• props (اختياري):
  • onLocaleChange: دالة رد نداء تُستدعى كلما تغيّرت اللغة.
  • isCookieEnabled: ما إذا كان سيتم الاحتفاظ باللغة في كوكيز.