Автор:
    Aymeric PINEAU
    Дата створення:2026-09-19Останнє оновлення:2026-09-19

    Пакет remix-intlayer

    Пакет remix-intlayer надає інструменти для інтеграції Intlayer у додатки Remix 3. Він включає проміжне програмне забезпечення (middleware) для визначення локалі запиту, доступ до контексту запиту та хуки для отримання словників і керування локалями.

    Встановлення

    bash
    npm install remix-intlayer

    Експорти пакета

    Проміжне програмне забезпечення (Middleware)

    ЕкспортТипОписПов'язаний документ
    intlayerФункція MiddlewareПроміжне програмне забезпечення для Remix 3, яке визначає локаль запиту, керує перенаправленнями та заповнює контекст запиту.Middleware intlayer

    Зберігання контексту

    ЕкспортТипОписПов'язаний документ
    IntlayerКлюч RequestContext / СховищеКлюч контексту запиту, який використовується для отримання стану Intlayer з контексту запиту Remix 3 (context.get(Intlayer)).Контекст Intlayer

    Хуки

    ЕкспортТипОписПов'язаний документ
    useIntlayerХукОтримує та декорує вміст словника за ключем для поточної локалі запиту.Хук useIntlayer
    useDictionaryХукПовертає вміст попередньо імпортованого об'єкта словника для поточної локалі запиту.Хук useDictionary
    useLocaleХукНадає доступ до поточної локалі запиту, локалі за замовчуванням та списку всіх доступних у проєкті локалей.Хук useLocale

    Швидкий старт

    Налаштування маршрутизатора з Middleware

    src/server.ts
    import { createRouter } from "remix/router";
import { intlayer } from "remix-intlayer";

export const router = createRouter({
  middleware: [intlayer()],
});

    Використання контенту у представленнях та компонентах

    src/views/home.ts
    import { useIntlayer } from "remix-intlayer";

export const HomeView = () => {
  const content = useIntlayer("home");

  return `<h1>${content.title}</h1><p>${content.description}</p>`;
};
    useLocaleintlayer