@intlayer/docs 9.4.0-canary.0 → 9.4.1

package/docs/uk/dictionary/markdown.md

@@ -492,7 +492,7 @@ Intlayer надає два незалежні способи рендеринг
 
 <Tabs group="framework">
   <Tab label="React" value="react">
-  
+
     #### Компонент `<MarkdownRenderer />`
 
     Рендерить рядок Markdown з певними опціями.
@@ -531,7 +531,7 @@ Intlayer надає два незалежні способи рендеринг
 
   </Tab>
   <Tab label="Next.js" value="nextjs">
-  
+
     #### Компонент `<MarkdownRenderer />`
 
     Рендерить рядок Markdown з певними опціями.
@@ -957,21 +957,38 @@ Intlayer надає два незалежні способи рендеринг
   </Tab>
   <Tab label="Angular" value="angular">
 
-    ```typescript fileName="app.module.ts"
-    import { NgModule } from '@angular/core';
-    import { IntlayerMarkdownModule } from 'angular-intlayer/markdown';
+    ```typescript fileName="app.config.ts"
+    import { createIntlayerMarkdownProvider } from "angular-intlayer/markdown";
+
+    export const appConfig: ApplicationConfig = {
+      providers: [
+        createIntlayerMarkdownProvider({
+          components: {
+            h1: { class: "text-2xl font-bold" },
+          },
+        }),
+      ],
+    };
+    ```
+
+
+    > Підтримується MDX — будь-яка назва компонента, яка використовується всередині вашого Markdown (наприклад, `<MyCustomJSXComponent />`), розпізнається відповідно до карти `components`.
+
+    Ви також можете використовувати власний рендерер markdown:
+
+    ```typescript fileName="app.config.ts"
+    import { createIntlayerMarkdownProvider } from "angular-intlayer/markdown";
 
-    @NgModule({
-      imports: [
-        IntlayerMarkdownModule.forRoot({
+    export const appConfig: ApplicationConfig = {
+      providers: [
+        createIntlayerMarkdownProvider({
           renderMarkdown: async (md) => {
             const { renderMarkdown } = await import('angular-intlayer/markdown');
             return renderMarkdown(md);
-          }
-        })
-      ]
-    })
-    export class AppModule {}
+          },
+        }),
+      ],
+    };
     ```
 
     > Динамічний імпорт вашого рендерера Markdown — чудовий спосіб зменшити розмір бандлу вашого додатка.
@@ -1047,7 +1064,7 @@ const MyComponent = () => {
 ```
 
   </Tab>
- 
+
   <Tab label="Vue" value="vue">
 
 Vue має вбудований компонент `<Suspense>`. Оберніть компонент, який відображає вміст Markdown, у межу `<Suspense>`.

package/docs/uk/dictionary/plurial.md

@@ -35,10 +35,78 @@ author: aymericzip
 
 ## Коли використовувати `plural` проти `enu`
 
+To use plural content inside a React component, retrieve it via the `useIntlayer` hook and call it with a count. The active locale and the count are combined to pick the matching CLDR category.
+
+To use plural content in Next.js Client Components, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
+
+## Налаштування контенту у множині
+
+Щоб налаштувати контент у множині у вашому проекті Intlayer, створіть модуль контенту, який використовує помічник `plural`. Категорія `other` є обов'язковою і використовується як резервний варіант, коли локаль не визначає більш конкретну категорію.
+
+```typescript fileName="**/*.content.ts" contentDeclarationFormat={["typescript", "esm", "commonjs"]}
+import { plural, t, type Dictionary } from "intlayer";
+
+const openingsContent = {
+  key: "total_openings",
+  content: {
+    totalOpenings: t({
+      en: plural({
+        one: "{{count}} opening",
+        other: "{{count}} openings",
+      }),
+      uk: plural({
+        one: "{{count}} вакансія",
+        few: "{{count}} вакансії",
+        many: "{{count}} вакансій",
+        other: "{{count}} вакансій",
+      }),
+    }),
+  },
+} satisfies Dictionary;
+
+export default openingsContent;
+```
+
+```json fileName="**/*.content.json" contentDeclarationFormat="json"
+{
+  "$schema": "https://intlayer.org/schema.json",
+  "key": "total_openings",
+  "content": {
+    "totalOpenings": {
+      "nodeType": "translation",
+      "translation": {
+        "en": {
+          "nodeType": "plural",
+          "plural": {
+            "one": "{{count}} opening",
+            "other": "{{count}} openings"
+          }
+        },
+        "uk": {
+          "nodeType": "plural",
+          "plural": {
+            "one": "{{count}} вакансія",
+            "few": "{{count}} вакансії",
+            "many": "{{count}} вакансій",
+            "other": "{{count}} вакансій"
+          }
+        }
+      }
+    }
+  }
+}
+```
+
+> Підтримувані категорії: `zero`, `one`, `two`, `few`, `many`, `other`. Вам потрібно оголосити лише ті категорії, які використовує ваша цільова мова, Intlayer повертається до `other`, коли жодна конкретна категорія не підходить.
+>
+> Заповнювач `{{count}}` автоматично замінюється лічильником, який ви передаєте під час виконання. Ви також можете включити інші заповнювачі (див. [Спеціальні заповнювачі](#custom-placeholders) нижче).
+
+## Використання контенту у множині з React Intlayer
+
 <Tabs group="framework">
   <Tab label="React" value="react">
 
-To use plural content inside a React component, retrieve it via the `useIntlayer` hook and call it with a count. The active locale and the count are combined to pick the matching CLDR category.
+Щоб використовувати контент у множині всередині компонента React, отримайте його за допомогою хука `useIntlayer` і викличте його з лічильником. Активна локаль і лічильник поєднуються для вибору відповідної категорії CLDR.
 
 ```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
 import type { FC } from "react";
@@ -60,7 +128,7 @@ export default OpeningsComponent;
   </Tab>
   <Tab label="Next.js" value="nextjs">
 
-To use plural content in Next.js Client Components, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
+Щоб використовувати множинний вміст у Next.js Client Components, отримайте його через hook `useIntlayer` і викличте його з параметром count. Ось приклад:
 
 ```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
 "use client";
@@ -84,7 +152,7 @@ export default OpeningsComponent;
   </Tab>
   <Tab label="Vue" value="vue">
 
-To use plural content in Vue components, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
+Щоб використовувати множинний вміст у компонентах Vue, отримайте його через хук `useIntlayer` і викличте його з кількістю. Ось приклад:
 
 ```vue fileName="**/*.vue"
 <script setup lang="ts">
@@ -105,7 +173,7 @@ const { totalOpenings } = useIntlayer("total_openings");
   </Tab>
   <Tab label="Svelte" value="svelte">
 
-To use plural content in Svelte components, retrieve it via the `useIntlayer` hook and call it with a count. The store is accessed with `$`. Here's an example:
+Щоб використовувати множинний вміст у компонентах Svelte, отримайте його через hook `useIntlayer` і викличте його з кількістю. Store доступен через `$`. Ось приклад:
 
 ```svelte fileName="**/*.svelte"
 <script lang="ts">
@@ -124,17 +192,22 @@ const content = useIntlayer("total_openings");
   </Tab>
   <Tab label="Preact" value="preact">
 
-To use plural content in Preact components, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
+Щоб використовувати множинний контент у компонентах Preact, отримайте його через хук `useIntlayer` і викличте його з лічильником. Ось приклад:
 
 ```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-import type { FC } from "preact";
-import { useIntlayer } from "preact-intlayer";
+import type { FC } from "react";
+import { useIntlayer } from "react-intlayer";
 
 const OpeningsComponent: FC<{ count: number }> = ({ count }) => {
   const { totalOpenings } = useIntlayer("total_openings");
 
   return (
     <div>
+      {/* Англійською:                                  */}
+      {/*  count=0  → "0 openings"   (other)           */}
+      {/*  count=1  → "1 opening"    (one)             */}
+      {/*  count=2  → "2 openings"   (other)           */}
+      {/*  count=21 → "21 openings"  (other)           */}
       <p>{totalOpenings(count)}</p>
     </div>
   );
@@ -146,7 +219,7 @@ export default OpeningsComponent;
   </Tab>
   <Tab label="Solid" value="solid">
 
-To use plural content in SolidJS components, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
+Щоб використовувати множинний контент у компонентах SolidJS, отримайте його через хук `useIntlayer` і викличте його з параметром кількості. Ось приклад:
 
 ```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
 import type { Component } from "solid-js";
@@ -168,7 +241,7 @@ export default OpeningsComponent;
   </Tab>
   <Tab label="Angular" value="angular">
 
-To use plural content in Angular components, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
+Щоб використовувати множину вмісту в Angular компонентах, отримайте його через hook `useIntlayer` та викличте його з кількістю. Ось приклад:
 
 ```typescript fileName="app.component.ts" codeFormat="typescript"
 import { Component, Input } from "@angular/core";
@@ -192,113 +265,6 @@ export class OpeningsComponent {
   </Tab>
   <Tab label="Vanilla JS" value="vanilla">
 
-To use plural content with `vanilla-intlayer`, retrieve it via the `useIntlayer` hook and call it with a count. Here's an example:
-
-```typescript fileName="**/*.ts" codeFormat={["typescript", "esm"]}
-import { installIntlayer, useIntlayer } from "vanilla-intlayer";
-
-installIntlayer();
-
-const content = useIntlayer("total_openings").onChange((newContent) => {
-  document.getElementById("openings")!.textContent =
-    newContent.totalOpenings(5);
-});
-
-// Initial render
-document.getElementById("openings")!.textContent = content.totalOpenings(5);
-```
-
-  </Tab>
-</Tabs>
-
-## Налаштування контенту у множині
-
-Щоб налаштувати контент у множині у вашому проекті Intlayer, створіть модуль контенту, який використовує помічник `plural`. Категорія `other` є обов'язковою і використовується як резервний варіант, коли локаль не визначає більш конкретну категорію.
-
-```typescript fileName="**/*.content.ts" contentDeclarationFormat={["typescript", "esm", "commonjs"]}
-import { plural, t, type Dictionary } from "intlayer";
-
-const openingsContent = {
-  key: "total_openings",
-  content: {
-    totalOpenings: t({
-      en: plural({
-        one: "{{count}} opening",
-        other: "{{count}} openings",
-      }),
-      uk: plural({
-        one: "{{count}} вакансія",
-        few: "{{count}} вакансії",
-        many: "{{count}} вакансій",
-        other: "{{count}} вакансій",
-      }),
-    }),
-  },
-} satisfies Dictionary;
-
-export default openingsContent;
-```
-
-```json fileName="**/*.content.json" contentDeclarationFormat="json"
-{
-  "$schema": "https://intlayer.org/schema.json",
-  "key": "total_openings",
-  "content": {
-    "totalOpenings": {
-      "nodeType": "translation",
-      "translation": {
-        "en": {
-          "nodeType": "plural",
-          "plural": {
-            "one": "{{count}} opening",
-            "other": "{{count}} openings"
-          }
-        },
-        "uk": {
-          "nodeType": "plural",
-          "plural": {
-            "one": "{{count}} вакансія",
-            "few": "{{count}} вакансії",
-            "many": "{{count}} вакансій",
-            "other": "{{count}} вакансій"
-          }
-        }
-      }
-    }
-  }
-}
-```
-
-> Підтримувані категорії: `zero`, `one`, `two`, `few`, `many`, `other`. Вам потрібно оголосити лише ті категорії, які використовує ваша цільова мова, Intlayer повертається до `other`, коли жодна конкретна категорія не підходить.
->
-> Заповнювач `{{count}}` автоматично замінюється лічильником, який ви передаєте під час виконання. Ви також можете включити інші заповнювачі (див. [Спеціальні заповнювачі](#custom-placeholders) нижче).
-
-## Використання контенту у множині з React Intlayer
-
-Щоб використовувати контент у множині всередині компонента React, отримайте його за допомогою хука `useIntlayer` і викличте його з лічильником. Активна локаль і лічильник поєднуються для вибору відповідної категорії CLDR.
-
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-import type { FC } from "react";
-import { useIntlayer } from "react-intlayer";
-
-const OpeningsComponent: FC<{ count: number }> = ({ count }) => {
-  const { totalOpenings } = useIntlayer("total_openings");
-
-  return (
-    <div>
-      {/* Англійською:                                  */}
-      {/*  count=0  → "0 openings"   (other)           */}
-      {/*  count=1  → "1 opening"    (one)             */}
-      {/*  count=2  → "2 openings"   (other)           */}
-      {/*  count=21 → "21 openings"  (other)           */}
-      <p>{totalOpenings(count)}</p>
-    </div>
-  );
-};
-
-export default OpeningsComponent;
-```
-
 Ви можете викликати повернуту функцію двома еквівалентними способами:
 
 ```tsx
@@ -306,6 +272,9 @@ totalOpenings(21); // скорочення: лише лічильник
 totalOpenings({ count: 21 }); // явна форма
 ```
 
+  </Tab>
+</Tabs>
+
 ## Спеціальні заповнювачі
 
 Рядки у множині можуть включати заповнювачі, відмінні від `{{count}}`. Передайте їх у формі об'єкта разом із `count`:

package/docs/uk/dynamic_dictionaries/variants.md

@@ -523,6 +523,27 @@ const content = useIntlayer("product", { variant: { id: "prod_abc" } });
 
   </Tab>
   <Tab label="Next.js" value="nextjs">
+    <Tabs>
+      <Tab label="Intlayer >=9.4" value=">=9.4">
+
+        ```tsx fileName="layout.tsx" contentDeclarationFormat={["typescript", "esm", "commonjs"]}
+        import { IntlayerProvider } from "next-intlayer/server";
+
+        export default async function Layout({ children, params }) {
+          const { locale } = await params;
+          const schoolType = await getSchoolType();
+
+          return (
+            <IntlayerProvider locale={locale} variant={schoolType}>
+              {children}
+            </IntlayerProvider>
+          );
+        }
+        ```
+
+      </Tab>
+      <Tab label="Intlayer <9.4" value="<9.4">
+
     ```tsx fileName="layout.tsx" contentDeclarationFormat={["typescript", "esm", "commonjs"]}
     import { IntlayerServerProvider } from "next-intlayer/server";
     import { IntlayerClientProvider } from "next-intlayer";
@@ -541,6 +562,9 @@ const content = useIntlayer("product", { variant: { id: "prod_abc" } });
     }
     ```
 
+      </Tab>
+    </Tabs>
+
   </Tab>
   <Tab label="Vue" value="vue">
     ```ts fileName="main.ts" contentDeclarationFormat={["typescript", "esm", "commonjs"]}

package/docs/uk/formatters.md

@@ -51,46 +51,16 @@ author: aymericzip
 
 ## Cached Intl
 
-The exported `Intl` is a thin, cached wrapper around the global `Intl`. It memoizes instances of `NumberFormat`, `DateTimeFormat`, `RelativeTimeFormat`, `ListFormat`, `DisplayNames`, `Collator`, and `PluralRules`, which avoids rebuilding the same formatter repeatedly.
-
 Because formatter construction is relatively expensive, this caching improves performance without changing behavior. The wrapper exposes the same API as the native `Intl`, so usage is identical.
 
-- Кешування здійснюється на рівні процесу й є прозорим для викликачів.
-
 > Якщо `Intl.DisplayNames` недоступний у середовищі, виводиться одне попередження лише для розробників (розгляньте можливість поліфілу).
 
 Приклади:
 
-```ts
-import { Intl } from "intlayer";
-
-// Форматування чисел
-const numberFormat = new Intl.NumberFormat("en-GB", {
-  style: "currency",
-  currency: "GBP",
-});
-numberFormat.format(1234.5); // "£1,234.50"
-
-// Відображувані назви мов, регіонів тощо
-const displayNames = new Intl.DisplayNames("fr", { type: "language" });
-displayNames.of("en"); // "anglais"
-
-// Порівняння рядків для сортування
-const collator = new Intl.Collator("fr", { sensitivity: "base" });
-collator.compare("é", "e"); // 0 (рівні)
-
-// Правила множини
-const pluralRules = new Intl.PluralRules("fr");
-pluralRules.select(1); // "one"
-pluralRules.select(2); // "інше"
-```
-
 ## Утиліти локалей
 
 ### `getLocaleName(displayLocale, targetLocale?)`
 
-Отримує локалізовану назву локалі в іншій локалі:
-
 ```ts
 import { getLocaleName } from "intlayer";
 
@@ -99,21 +69,10 @@ getLocaleName("en", "fr"); // французькою: "anglais"
 getLocaleName("de", "es"); // іспанською: "alemán"
 ```
 
-- **displayLocale**: Локаль, для якої потрібно отримати назву
-- **targetLocale**: Локаль, в якій відображається назва (за замовчуванням displayLocale)
-
 ### `getLocalizedUrl(url, currentLocale, locales?, defaultLocale?, prefixDefault?)`
 
 Генерує локалізований URL для поточної локалі:
 
-```ts
-import { getLocalizedUrl } from "intlayer";
-
-getLocalizedUrl("/about", "fr", ["en", "fr"], "en", false); // "/fr/about"
-getLocalizedUrl("/about", "en", ["en", "fr"], "en", false); // "/about"
-getLocalizedUrl("https://example.com/about", "fr", ["en", "fr"], "en", true); // "https://example.com/fr/about"
-```
-
 - **url**: Початковий URL для локалізації
 - **currentLocale**: Поточна локаль
 - **locales**: Необов'язковий масив підтримуваних локалей (за замовчуванням, сконфігуровані локалі)
@@ -122,8 +81,6 @@ getLocalizedUrl("https://example.com/about", "fr", ["en", "fr"], "en", true); //
 
 ### `getContent(node, nodeProps, locale?)`
 
-Перетворює вузол контенту за допомогою всіх доступних плагінів (translation, enumeration, insertion тощо):
-
 ```ts
 import { getContent } from "intlayer";
 
@@ -134,10 +91,6 @@ const content = getContent(
 );
 ```
 
-- **node**: Вузол контенту, який потрібно перетворити
-- **nodeProps**: Властивості для контексту перетворення
-- **locale**: Необов'язкова локаль (за замовчуванням використовується налаштована локаль)
-
 ### `getIntlayer(dictionaryKey, locale?, plugins?)`
 
 Отримує та трансформує вміст із словника за ключем:
@@ -149,23 +102,10 @@ const content = getIntlayer("common", "fr");
 const nestedContent = getIntlayer("common", "fr", customPlugins);
 ```
 
-- **dictionaryKey**: Ключ словника, який необхідно отримати
-- **locale**: Необов'язкова локаль (за замовчуванням, налаштована локаль за замовчуванням)
-- **plugins**: Необов'язковий масив кастомних плагінів трансформації
-
 ## Форматувачі
 
-Усі допоміжні функції нижче експортуються з `intlayer`.
-
 ### `number(value, options?)`
 
-Форматує числове значення з урахуванням локалі для групування та десяткових знаків.
-
-- **value**: `number | string`
-- **options**: `Intl.NumberFormatOptions & { locale?: LocalesValues }`
-
-Examples:
-
 ```ts
 import { number } from "intlayer";
 
@@ -182,27 +122,8 @@ number(1234.5, { minimumFractionDigits: 2 }); // "1,234.50"
 - **options**: `Intl.NumberFormatOptions & { locale?: LocalesValues }`
   - Типові поля: `currency` (наприклад, `"EUR"`), `currencyDisplay` (`"symbol" | "code" | "name"`)
 
-Приклади:
-
-```ts
-import { currency } from "intlayer";
-
-currency(1234.5, { currency: "EUR" }); // "€1,234.50"
-currency("5000", { locale: "fr", currency: "CAD", currencyDisplay: "code" }); // "5 000,00 CAD"
-```
-
 ### `relativeTime(from, to = new Date(), options?)`
 
-Форматує відносний час між двома моментами за допомогою `Intl.RelativeTimeFormat`.
-
-- Передайте "now" як перший аргумент, а цільовий, як другий, щоб отримати природне формулювання.
-- **from**: `Date | string | number`
-- **to**: `Date | string | number` (за замовчуванням, `new Date()`)
-- **options**: `{ locale?: LocalesValues; unit?: Intl.RelativeTimeFormatUnit; numeric?: Intl.RelativeTimeFormatNumeric; style?: Intl.RelativeTimeFormatStyle }`
-  - За замовчуванням `unit`, `"second"`.
-
-Приклади:
-
 ```ts
 import { relativeTime } from "intlayer";
 
@@ -216,15 +137,11 @@ relativeTime(now, twoHoursAgo, { unit: "hour", numeric: "auto" }); // "2 год
 
 ### `units(value, options?)`
 
-Форматує числове значення як локалізований рядок одиниці виміру, використовуючи `Intl.NumberFormat` зі `style: 'unit'`.
-
 - **value**: `number | string`
 - **options**: `Intl.NumberFormatOptions & { locale?: LocalesValues }`
   - Загальні поля: `unit` (наприклад, `"kilometer"`, `"byte"`), `unitDisplay` (`"short" | "narrow" | "long"`)
   - За замовчуванням: `unit: 'day'`, `unitDisplay: 'short'`, `useGrouping: false`
 
-Приклади:
-
 ```ts
 import { units } from "intlayer";
 
@@ -238,15 +155,6 @@ units(1024, { unit: "byte", unitDisplay: "narrow" }); // "1,024B" (залежи
 
 ### `list(values, options?)`
 
-Форматує масив значень у локалізований рядок списку за допомогою `Intl.ListFormat`.
-
-- **values**: `(string | number)[]`
-- **options**: `Intl.ListFormatOptions & { locale?: LocalesValues }`
-  - Загальні поля: `type` (`"conjunction" | "disjunction" | "unit"`), `style` (`"long" | "short" | "narrow"`)
-  - За замовчуванням: `type: 'conjunction'`, `style: 'long'`
-
-Приклади:
-
 ```ts
 import { list } from "intlayer";
 
@@ -490,49 +398,6 @@ getPathWithoutLocale("/fr/dashboard"); // "/dashboard"
 
 Клієнтські компоненти:
 
-```tsx
-import {
-  useNumber,
-  useCurrency,
-  useDate,
-  usePercentage,
-  useCompact,
-  useList,
-  useRelativeTime,
-  useUnit,
-} from "react-intlayer/format";
-// або в Preact-додатках
-// "preact-intlayer/format";
-// або в Next.js-додатках
-// "next-intlayer/client/format";
-
-const MyComponent = () => {
-  const number = useNumber();
-  const currency = useCurrency();
-  const date = useDate();
-  const percentage = usePercentage();
-  const compact = useCompact();
-  const list = useList();
-  const relativeTime = useRelativeTime();
-  const unit = useUnit();
-
-  return (
-    <div>
-      <p>{number(123456.789)}</p>
-      <p>{currency(1234.5, { currency: "EUR" })}</p>
-      <p>{date(new Date(), "short")}</p>
-      <p>{percentage(0.25)}</p>
-      <p>{compact(1200)}</p>
-      <p>{list(["apple", "banana", "orange"])}</p>
-      <p>{relativeTime(new Date(), new Date() + 1000)}</p>
-      <p>{unit(123456.789, { unit: "kilometer" })}</p>
-    </div>
-  );
-};
-```
-
-Серверні компоненти (або React Server runtime):
-
 ```ts
 import {
   useNumber,
@@ -557,8 +422,6 @@ import {
 } from "next-intlayer/server/format";
 ```
 
-> Ці хуки братимуть до уваги локаль із `IntlayerProvider` або `IntlayerServerProvider`
-
 ### `getHTMLTextDir(locale?)`
 
 Повертає напрямок тексту для локалі:
@@ -590,8 +453,6 @@ import {
 } from "vue-intlayer/format";
 ```
 
-> Ці composables братимуть до уваги локаль із ін'єктованого `IntlayerProvider`
-
 ### `getTranslation(languageContent, locale?, fallback?)`
 
 Витягує вміст для конкретної локалі:

package/docs/uk/how_works_intlayer.md

@@ -115,6 +115,8 @@ Intlayer також надає візуальний редактор, щоб д
 
 Активувавши опцію `importMode = "dynamic"` у [configuration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/configuration.md), Intlayer використовуватиме динамічний імпорт для завантаження словників. Ця опція вимкнена за замовчуванням, щоб уникнути асинхронної обробки під час рендерингу додатка.
 
+> `@intlayer/babel` доступний за замовчуванням у пакеті `vite-intlayer`,
+
 > `@intlayer/babel` доступний за замовчуванням у пакеті `vite-intlayer`,
 >
 > `@intlayer/swc` не встановлений за замовчуванням у пакеті `next-intlayer`, оскільки плагіни SWC все ще експериментальні в Next.js.

package/docs/uk/interest_of_intlayer.md

@@ -89,8 +89,6 @@ Intlayer пропонує низку додаткових функцій, яки
 </Accordion>
 </AccordionGroup>
 
----
-
 ## Чому було створено Intlayer?
 
 Intlayer було створено для вирішення поширеної проблеми, яка впливає на всі популярні бібліотеки i18n, такі як `next-intl`, `react-i18next`, `react-intl`, `next-i18next`, `react-intl` та `vue-i18n`.

package/docs/uk/intlayer_with_adonisjs.md

@@ -258,9 +258,11 @@ import { Locales, type IntlayerConfig } from "intlayer";
 
 const config: IntlayerConfig = {
   // ... Інші варіанти конфігурації
-  middleware: {
-    headerName: "my-locale-header",
-    cookieName: "my-locale-cookie",
+  routing: {
+    storage: [
+      { type: "header", name: "my-locale-header" },
+      { type: "cookie", name: "my-locale-cookie" },
+    ],
   },
 };