@intlayer/docs 8.1.6 → 8.1.8

package/docs/uk/intlayer_with_vite+react_compiler.md

@@ -0,0 +1,385 @@
+---
+createdAt: 2024-03-07
+updatedAt: 2025-12-30
+title: Vite + React i18n - Перетворіть існуючий додаток на багатомовний у 2026
+description: Дізнайтеся, як зробити ваш існуючий додаток Vite та React багатомовним за допомогою Intlayer Compiler. Дотримуйтесь документації, щоб інтернаціоналізувати (i18n) та перекласти його за допомогою ШІ.
+keywords:
+  - Інтернаціоналізація
+  - Документація
+  - Intlayer
+  - Vite
+  - React
+  - Компілятор
+  - ШІ
+slugs:
+  - doc
+  - environment
+  - vite-and-react
+  - compiler
+applicationTemplate: https://github.com/aymericzip/intlayer-vite-react-template
+youtubeVideo: https://www.youtube.com/watch?v=dS9L7uJeak4
+history:
+  - version: 8.1.6
+    date: 2026-02-23
+    changes: Початковий реліз
+---
+
+# Як зробити багатомовним (i18n) існуючий додаток Vite та React згодом (посібник з i18n 2026)
+
+<Tabs defaultTab="video">
+  <Tab label="Відео" value="video">
+  
+<iframe title="Найкраще рішення i18n для Vite та React? Відкрийте для себе Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?si=VaKmrYMmXjo3xpk2"/>
+
+  </Tab>
+  <Tab label="Код" value="code">
+
+<iframe
+  src="https://stackblitz.com/github/aymericzip/intlayer-vite-react-template?embed=1&ctl=1&file=intlayer.config.ts"
+  className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
+  title="Демо CodeSandbox - Як інтернаціоналізувати ваш додаток за допомогою Intlayer"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+  loading="lazy"
+/>
+
+  </Tab>
+</Tabs>
+
+Дивіться [Шаблон додатка](https://github.com/aymericzip/intlayer-vite-react-template) на GitHub.
+
+## Зміст
+
+<TOC/>
+
+## Чому важко інтернаціоналізувати існуючий додаток?
+
+Якщо ви коли-небудь пробували додати підтримку кількох мов у додаток, створений лише для однієї, ви знаєте цей біль. Це не просто «важко», це нудно. Вам доводиться перебирати кожен окремий файл, вишукувати кожен рядок тексту і переносити їх в окремі файли словників.
+
+Потім настає ризикована частина: заміна всього цього тексту програмними хуками без порушення макета чи логіки. Це та робота, яка зупиняє розробку нових функцій на тижні і здається нескінченним рефакторингом.
+
+## Що таке Intlayer Compiler?
+
+**Intlayer Compiler** був створений, щоб пропустити цю ручну рутинну роботу. Замість того, щоб ви вручну витягували рядки, компілятор робить це за вас. Сканує ваш код, знаходить текст і використовує ШІ для створення словників у фоновому режимі.
+Потім він змінює ваш код під час збірки, щоб вставити необхідні хуки i18n. По суті, ви продовжуєте писати свій додаток так, ніби він одномовний, а компілятор автоматично обробляє багатомовну трансформацію.
+
+> Документація компілятора: [https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/compiler.md](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/compiler.md)
+
+### Обмеження
+
+Оскільки компілятор виконує аналіз і трансформацію кода (вставку хуків і генерацію словників) під час **компіляції**, це може **сповільнити процес збірки** вашого додатка.
+
+Щоб пом'якшити цей вплив під час розробки, ви можете налаштувати компілятор для роботи в режимі [`'build-only'`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/configuration.md) або вимкнути його, коли він не потрібен.
+
+---
+
+## Покроковий посібник з налаштування Intlayer у додатку Vite та React
+
+### Крок 1: Встановлення залежностей
+
+Встановіть необхідні пакети за допомогою npm:
+
+```bash packageManager="npm"
+npm install intlayer react-intlayer
+npm install vite-intlayer --save-dev
+npx intlayer init
+```
+
+```bash packageManager="pnpm"
+pnpm add intlayer react-intlayer
+pnpm add vite-intlayer --save-dev
+pnpm intlayer init
+```
+
+```bash packageManager="yarn"
+yarn add intlayer react-intlayer
+yarn add vite-intlayer --save-dev
+yarn intlayer init
+```
+
+```bash packageManager="bun"
+bun add intlayer react-intlayer
+bun add vite-intlayer --dev
+bunx intlayer init
+```
+
+- **intlayer**
+  Основний пакет, який надає інструменти інтернаціоналізації для керування конфігурацією, перекладу, [декларації вмісту](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/dictionary/content_file.md), транспіляції та [команд CLI](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/cli/index.md).
+
+- **react-intlayer**
+  Пакет, який інтегрує Intlayer з додатком React. Він надає провайдери контексту та хуки для інтернаціоналізації React.
+
+- **vite-intlayer**
+  Включає плагін Vite для інтеграції Intlayer з [бандлером Vite](https://vite.dev/guide/why.html#why-bundle-for-production), а також проміжне програмне забезпечення для визначення бажаної мови користувача, керування файлами cookie та обробки перенаправлення URL-адрес.
+
+### Крок 2: Налаштування вашого проєкту
+
+Створіть файл конфігурації, щоб налаштувати мови вашого додатка:
+
+```typescript fileName="intlayer.config.ts"
+import { Locales, type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.UKRAINIAN, Locales.FRENCH],
+    defaultLocale: Locales.ENGLISH,
+  },
+  compiler: {
+    /**
+     * Вказує, чи повинен бути включений компілятор.
+     */
+    enabled: true,
+
+    /**
+     * Вихідний каталог для оптимізованих словників.
+     */
+    outputDir: "compiler",
+
+    /**
+     * Префікс ключа словника
+     */
+    dictionaryKeyPrefix: "", // Видалити базовий префікс
+
+    /**
+     * Вказує, чи повинні компоненти зберігатися після трансформації.
+     * Таким чином, компілятор можна запустити один раз для трансформації додатка, після чого його можна видалити.
+     */
+    saveComponents: false,
+  },
+  ai: {
+    provider: "openai",
+    model: "gpt-5-mini",
+    apiKey: process.env.OPEN_AI_API_KEY,
+    applicationContext: "Цей додаток, це карта", // Примітка: ви можете налаштувати цей опис додатка
+  },
+};
+
+export default config;
+```
+
+> **Примітка**: Переконайтеся, що ваш `OPEN_AI_API_KEY` встановлений у змінних середовища.
+
+> Через цей файл конфігурації ви можете налаштувати локалізовані URL-адреси, перенаправлення проміжного програмного забезпечення, назви файлів cookie, розташування та розширення ваших декларацій вмісту, вимкнути логи Intlayer у консолі тощо. Повний список доступних параметрів дивіться в [документації з конфігурації](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/configuration.md).
+
+### Крок 3: Інтеграція Intlayer у вашу конфігурацію Vite
+
+Додайте плагін intlayer у вашу конфігурацію.
+
+```typescript fileName="vite.config.ts"
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react-swc";
+import { intlayer, intlayerCompiler } from "vite-intlayer";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react(), intlayer(), intlayerCompiler()],
+});
+```
+
+> Плагін Vite `intlayer()` використовується для інтеграції Intlayer з Vite. Він забезпечує збірку файлів декларації вмісту та відстежує їх у режимі розробки. Він визначає змінні середовища Intlayer у додатку Vite. Крім того, він надає аліаси для оптимізації продуктивності.
+
+> Плагін Vite `intlayerCompiler()` використовується для витягування вмісту з компонентів і запису файлів `.content`.
+
+### Крок 4: Компіляція вашого коду
+
+Просто пишіть свої компоненти з жорстко закодованими рядками вашою мовою за замовчуванням. Компілятор зробить усе інше.
+
+Приклад того, як може виглядати ваша сторінка:
+
+<Tabs>
+ <Tab value="Код">
+
+```tsx fileName="src/App.tsx"
+import { useState, type FC } from "react";
+import reactLogo from "./assets/react.svg";
+import viteLogo from "/vite.svg";
+import "./App.css";
+import { IntlayerProvider } from "react-intlayer";
+
+const AppContent: FC = () => {
+  const [count, setCount] = useState(0);
+
+  return (
+    <>
+      <div>
+        <a href="https://vitejs.dev" target="_blank">
+          <img src={viteLogo} className="logo" alt="Vite logo" />
+        </a>
+        <a href="https://react.dev" target="_blank">
+          <img src={reactLogo} className="logo react" alt="React logo" />
+        </a>
+      </div>
+      <h1>Vite + React</h1>
+      <div className="card">
+        <button onClick={() => setCount((count) => count + 1)}>
+          count is {count}
+        </button>
+        <p>
+          Edit <code>src/App.tsx</code> and save to test HMR
+        </p>
+      </div>
+      <p className="read-the-docs">
+        Click on the Vite and React logos to learn more
+      </p>
+    </>
+  );
+};
+
+const App: FC = () => (
+  <IntlayerProvider>
+    <AppContent />
+  </IntlayerProvider>
+);
+
+export default App;
+```
+
+ </Tab>
+ <Tab value="Результат">
+
+```ts fileName="i18n/app-content.content.json"
+{
+  key: "app-content",
+  content: {
+    nodeType: "translation",
+    translation: {
+      en: {
+        viteLogo: "Vite logo",
+        reactLogo: "React logo",
+        title: "Vite + React",
+        countButton: "count is",
+        editMessage: "Edit",
+        hmrMessage: "and save to test HMR",
+        readTheDocs: "Click on the Vite and React logos to learn more",
+      },
+      uk: {
+        viteLogo: "Логотип Vite",
+        reactLogo: "Логотип React",
+        title: "Vite + React",
+        countButton: "рахунок дорівнює",
+        editMessage: "Редагувати",
+        hmrMessage: "і зберегти для перевірки HMR",
+        readTheDocs: "Натисніть на логотипи Vite та React, щоб дізнатися більше",
+      },
+    }
+  }
+}
+```
+
+```tsx fileName="src/App.tsx"
+import { useState, type FC } from "react";
+import reactLogo from "./assets/react.svg";
+import viteLogo from "/vite.svg";
+import "./App.css";
+import { IntlayerProvider, useIntlayer } from "react-intlayer";
+
+const AppContent: FC = () => {
+  const [count, setCount] = useState(0);
+  const content = useIntlayer("app-content");
+
+  return (
+    <>
+      <div>
+        <a href="https://vitejs.dev" target="_blank">
+          <img src={viteLogo} className="logo" alt={content.viteLogo.value} />
+        </a>
+        <a href="https://react.dev" target="_blank">
+          <img
+            src={reactLogo}
+            className="logo react"
+            alt={content.reactLogo.value}
+          />
+        </a>
+      </div>
+      <h1>{content.title}</h1>
+      <div className="card">
+        <button onClick={() => setCount((count) => count + 1)}>
+          {content.countButton} {count}
+        </button>
+        <p>
+          {content.editMessage} <code>src/App.tsx</code> {content.hmrMessage}
+        </p>
+      </div>
+      <p className="read-the-docs">{content.readTheDocs}</p>
+    </>
+  );
+};
+
+const App: FC = () => (
+  <IntlayerProvider>
+    <AppContent />
+  </IntlayerProvider>
+);
+
+export default App;
+```
+
+ </Tab>
+</Tabs>
+
+- **`IntlayerProvider`** використовується для надання локалі вкладеним компонентам.
+
+### (Опціонально) Крок 6: Зміна мови вашого вмісту
+
+Щоб змінити мови вашого вмісту, ви можете використовувати функцію `setLocale`, яку надає хук `useLocale`. Ця функція дозволяє встановити локаль додатка та відповідним чином оновити вміст.
+
+```tsx fileName="src/components/LocaleSwitcher.tsx"
+import type { FC } from "react";
+import { Locales } from "intlayer";
+import { useLocale } from "react-intlayer";
+
+const LocaleSwitcher: FC = () => {
+  const { setLocale } = useLocale();
+
+  return (
+    <button onClick={() => setLocale(Locales.English)}>
+      Змінити мову на англійську
+    </button>
+  );
+};
+```
+
+> Щоб дізнатися більше про хук `useLocale`, зверніться до [документації](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/packages/react-intlayer/useLocale.md).
+
+### (Опціонально) Крок 7: Заповнити відсутні переклади
+
+Intlayer надає інструмент CLI, щоб допомогти вам заповнити відсутні переклади. Ви можете використовувати команду `intlayer` для тестування та заповнення відсутніх перекладів у вашому коді.
+
+```bash
+npx intlayer test         # Перевірити, чи є відсутні переклади
+```
+
+```bash
+npx intlayer fill         # Заповнити відсутні переклади
+```
+
+> Для отримання більш детальної інформації зверніться до [документації CLI](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/cli/ci.md)
+
+### Конфігурація Git
+
+Рекомендується ігнорувати файли, створені Intlayer. Це дозволяє уникнути їхнього коміту у ваш Git-репозиторій.
+
+Для цього ви можете додати наступні інструкції до вашого файлу `.gitignore`:
+
+```plaintext fileName=".gitignore"
+# Ігнорувати файли, створені Intlayer
+.intlayer
+```
+
+### Розширення VS Code
+
+Щоб покращити ваш досвід розробки з Intlayer, ви можете встановити офіційне **розширення Intlayer для VS Code**.
+
+[Встановити з VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=intlayer.intlayer-vs-code-extension)
+
+Це розширення надає:
+
+- **Автодоповнення** для ключів перекладу.
+- **Виявлення помилок у реальному часі** для відсутніх перекладів.
+- **Вбудований попередній перегляд** перекладеного вмісту.
+- **Швидкі дії** для легкого створення та оновлення перекладів.
+
+Для отримання додаткової інформації про те, як користуватися розширенням, зверніться до [документації розширення Intlayer для VS Code](https://intlayer.org/doc/vs-code-extension).
+
+### Йти далі
+
+Щоб піти далі, ви можете впровадити [візуальний редактор](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_visual_editor.md) або винести свій вміст назовні за допомогою [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_CMS.md).

package/docs/uk/intlayer_with_vite+solid.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2025-04-18
 updatedAt: 2025-12-30
-title: Vite і Solid i18n - Як перекласти ваш додаток Solid – посібник 2026
+title: Vite + Solid i18n - Як перекласти додаток Solid у 2026
 description: Дізнайтеся, як зробити ваш вебсайт на Vite та Solid багатомовним. Слідуйте документації, щоб інтернаціоналізувати (i18n) і перекласти його.
 keywords:
   - Інтернаціоналізація
@@ -55,7 +55,7 @@ history:
 
 ## Що таке Intlayer?
 
-**Intlayer** — інноваційна, open-source бібліотека для інтернаціоналізації (i18n), створена щоб спростити підтримку багатомовності в сучасних вебзастосунках.
+**Intlayer**, інноваційна, open-source бібліотека для інтернаціоналізації (i18n), створена щоб спростити підтримку багатомовності в сучасних вебзастосунках.
 
 За допомогою Intlayer ви можете:
 

package/docs/uk/intlayer_with_vite+svelte.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2025-04-18
 updatedAt: 2025-12-30
-title: Vite і Svelte i18n - Як перекласти ваш додаток Svelte – посібник 2026
+title: Vite + Svelte i18n - Як перекласти додаток Svelte у 2026
 description: "Дізнайтеся, як зробити ваш вебсайт на Vite та Svelte багатомовним. Дотримуйтеся документації, щоб інтернаціоналізувати (i18n) і перекласти його."
 keywords:
   - Інтернаціоналізація
@@ -35,7 +35,7 @@ history:
 
 ## Що таке Intlayer?
 
-**Intlayer** — це інноваційна open-source бібліотека для інтернаціоналізації (i18n), створена для спрощення підтримки багатомовності в сучасних вебдодатках.
+**Intlayer**, це інноваційна open-source бібліотека для інтернаціоналізації (i18n), створена для спрощення підтримки багатомовності в сучасних вебдодатках.
 
 З Intlayer ви можете:
 
@@ -237,6 +237,8 @@ module.exports = appContent;
 <h1><svelte:component this={$content.title} /></h1>
 <!-- Відобразити вміст як рядок -->
 <div aria-label={$content.title.value}></div>
+
+> Якщо ваш застосунок уже існує, ви можете скористатися [Intlayer Compiler](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/compiler.md) у поєднанні з [командой extract](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/cli/extract.md), щоб перетворити тисячі компонентів за одну секунду.
 ```
 
 ### (Необов'язково) Крок 6: Змініть мову вашого вмісту

package/docs/uk/intlayer_with_vite+vue.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2025-04-18
 updatedAt: 2025-12-30
-title: Vite і Vue i18n - Як перекласти ваш додаток Vue – посібник 2026
+title: Vite + Vue i18n - Як перекласти додаток Vue у 2026
 description: Дізнайтеся, як зробити свій вебсайт на Vite і Vue багатомовним. Дотримуйтеся документації, щоб інтернаціоналізувати (i18n) та перекласти його.
 keywords:
   - Інтернаціоналізація (i18n)
@@ -33,7 +33,7 @@ history:
 
 ## Що таке Intlayer?
 
-**Intlayer** — інноваційна відкрита бібліотека для інтернаціоналізації (i18n), створена для спрощення підтримки багатомовності в сучасних веб-додатках.
+**Intlayer**, інноваційна відкрита бібліотека для інтернаціоналізації (i18n), створена для спрощення підтримки багатомовності в сучасних веб-додатках.
 
 За допомогою Intlayer ви можете:
 
@@ -57,7 +57,7 @@ history:
 <iframe
   src="https://stackblitz.com/github/aymericzip/intlayer-vite-vue-template?embed=1&ctl=1&file=intlayer.config.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
-  title="Демо CodeSandbox — Як інтернаціоналізувати ваш додаток за допомогою Intlayer"
+  title="Демо CodeSandbox. Як інтернаціоналізувати ваш додаток за допомогою Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
   loading="lazy"
 />
@@ -248,7 +248,7 @@ const helloWorldContent = {
       es: "Aprenda más sobre el soporte IDE para Vue en el ",
     }),
     vueDocs: t({
-      uk: "Керівництво Vue Docs — Scaling up",
+      uk: "Керівництво Vue Docs. Scaling up",
       en: "Vue Docs Scaling up Guide",
       fr: "Vue Docs Scaling up Guide",
       es: "Vue Docs Scaling up Guide",
@@ -543,6 +543,8 @@ Intlayer пропонує різні API для доступу до вашого
   - Використовуйте `const content = useIntlayer("myContent");` та `{{ content.myContent }}` / `<content.myContent />`.
   - Або використовуйте `const { myContent } = useIntlayer("myContent");` та `{{ myContent}}` / `<myContent/>` щоб деструктурувати вміст.
 
+> Якщо ваш застосунок уже існує, ви можете скористатися [Intlayer Compiler](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/compiler.md) у поєднанні з [командой extract](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/cli/extract.md), щоб перетворити тисячі компонентів за одну секунду.
+
 ### (Необов'язково) Крок 6: Змініть мову вашого вмісту
 
 Щоб змінити мову вмісту, ви можете використати функцію `setLocale`, яку надає композиція `useLocale`. Ця функція дозволяє встановити локаль застосунку та відповідно оновити вміст.
@@ -744,7 +746,7 @@ import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 import { intlayer, intlayerProxy } from "vite-intlayer";
 
-// https://vitejs.dev/config/ — документація Vite
+// https://vitejs.dev/config/, документація Vite
 export default defineConfig({
   plugins: [vue(), intlayer(), intlayerProxy()],
 });
@@ -755,7 +757,7 @@ const { defineConfig } = require("vite");
 const vue = require("@vitejs/plugin-vue");
 const { intlayer, intlayerProxy } = require("vite-intlayer");
 
-// https://vitejs.dev/config/ — документація Vite
+// https://vitejs.dev/config/, документація Vite
 module.exports = defineConfig({
   plugins: [vue(), intlayer(), intlayerProxy()],
 });
@@ -1012,7 +1014,7 @@ import RouterLink from "@components/RouterLink.vue";
 
 ### (Необов'язково) Крок 11: Відображення Markdown
 
-Intlayer підтримує відображення вмісту Markdown безпосередньо у вашому Vue-додатку. За замовчуванням Markdown обробляється як звичайний текст. Щоб перетворити Markdown на структурований HTML, можна інтегрувати [markdown-it](https://github.com/markdown-it/markdown-it) — парсер Markdown.
+Intlayer підтримує відображення вмісту Markdown безпосередньо у вашому Vue-додатку. За замовчуванням Markdown обробляється як звичайний текст. Щоб перетворити Markdown на структурований HTML, можна інтегрувати [markdown-it](https://github.com/markdown-it/markdown-it), парсер Markdown.
 
 Це особливо корисно, коли ваші переклади містять форматований контент, наприклад списки, посилання або виділення.
 

package/docs/uk/introduction.md

@@ -26,7 +26,7 @@ history:
 
 ### Що таке Intlayer?
 
-**Intlayer** — бібліотека інтернаціоналізації (i18n), розроблена спеціально для JavaScript-розробників. Вона дозволяє оголошувати ваш контент у будь-якому місці коду. Intlayer перетворює оголошення багатомовного контенту на структуровані словники, щоб їх було легко інтегрувати у ваш код. Використовуючи TypeScript, **Intlayer** робить розробку більш надійною та ефективною.
+**Intlayer**, бібліотека інтернаціоналізації (i18n), розроблена спеціально для JavaScript-розробників. Вона дозволяє оголошувати ваш контент у будь-якому місці коду. Intlayer перетворює оголошення багатомовного контенту на структуровані словники, щоб їх було легко інтегрувати у ваш код. Використовуючи TypeScript, **Intlayer** робить розробку більш надійною та ефективною.
 
 Intlayer також надає необов'язковий візуальний редактор, який дозволяє легко редагувати та керувати контентом. Цей редактор особливо корисний для розробників, які віддають перевагу візуальному інтерфейсу для управління контентом, або для команд, що генерують контент без необхідності працювати з кодом.
 
@@ -170,7 +170,7 @@ Intlayer пропонує низку можливостей, адаптован
 - **[Перелічення](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/enumeration.md)**  
   Легко керуйте повторюваними або фіксованими наборами даних для різних мов.
 
-- **[Умова](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/conditional.md)**  
+- **[Умова](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/condition.md)**  
   Дізнайтеся, як використовувати умовну логіку в Intlayer для створення динамічного контенту.
 
 - **[Вставлення](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/insertion.md)**
@@ -182,7 +182,7 @@ Intlayer пропонує низку можливостей, адаптован
 - **[Markdown](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/markdown.md)**  
   Дізнайтеся, як використовувати Markdown в Intlayer для створення насиченого контенту.
 
-- **[Вбудовування файлів](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/file_embeddings.md)**  
+- **[Вбудовування файлів](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/file.md)**  
   Дізнайтеся, як вбудовувати зовнішні файли в Intlayer для використання їх у редакторі контенту.
 
 - **[Вкладення](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/nesting.md)**  

package/docs/uk/locale_mapper.md

@@ -20,7 +20,7 @@ history:
 
 # Маппер локалей
 
-Маппер локалей — потужний інструмент, який допомагає працювати з даними інтернаціоналізації в вашому застосунку Intlayer. Він надає три основні функції для перетворення і організації даних, специфічних для локалі: `localeMap`, `localeFlatMap` та `localeRecord`.
+Маппер локалей, потужний інструмент, який допомагає працювати з даними інтернаціоналізації в вашому застосунку Intlayer. Він надає три основні функції для перетворення і організації даних, специфічних для локалі: `localeMap`, `localeFlatMap` та `localeRecord`.
 
 ## Як працює Маппер локалей
 

package/docs/uk/packages/adonis-intlayer/t.md

@@ -51,7 +51,7 @@ t(translations: Record<string, any>): any;
 
 ### Параметри
 
-- `translations`: Об'єкт, де ключами є коди локалей (наприклад, `en`, `fr`, `es`), а значеннями — відповідний перекладений контент.
+- `translations`: Об'єкт, де ключами є коди локалей (наприклад, `en`, `fr`, `es`), а значеннями, відповідний перекладений контент.
 
 ### Повертає
 

package/docs/uk/packages/angular-intlayer/exports.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2026-01-21
 updatedAt: 2026-01-21
-title: Пакет angular-intlayer — документація
+title: Пакет angular-intlayer, документація
 description: Інтеграція Intlayer, специфічна для Angular; надає провайдери та сервіси для Angular-застосунків.
 keywords:
   - angular-intlayer

package/docs/uk/packages/express-intlayer/t.md

@@ -25,7 +25,7 @@ history:
 
 # Документація: функція `t` у `express-intlayer`
 
-Функція `t` у пакеті `express-intlayer` — це основна утиліта для надання локалізованих відповідей у вашому додатку Express. Вона спрощує інтернаціоналізацію (i18n), динамічно підбираючи контент залежно від бажаної мови користувача.
+Функція `t` у пакеті `express-intlayer`, це основна утиліта для надання локалізованих відповідей у вашому додатку Express. Вона спрощує інтернаціоналізацію (i18n), динамічно підбираючи контент залежно від бажаної мови користувача.
 
 ---
 
@@ -52,7 +52,7 @@ t(translations: Record<string, string>): string;
 
 ### Параметри
 
-- `translations`: Об'єкт, де ключі — це коди локалей (наприклад, `en`, `fr`, `es-MX`), а значення — відповідні перекладені рядки.
+- `translations`: Об'єкт, де ключі, це коди локалей (наприклад, `en`, `fr`, `es-MX`), а значення, відповідні перекладені рядки.
 
 ### Повертає
 
@@ -462,4 +462,4 @@ app.get("/morning", (_req, res) => {
 
 ## Висновок
 
-Функція `t` — потужний інструмент для інтернаціоналізації бекенду. Правильно використовуючи її, ви можете створити більш інклюзивний та зручний додаток для глобальної аудиторії. Для просунутого використання та детальних опцій конфігурації див. [документацію](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/configuration.md).
+Функція `t`, потужний інструмент для інтернаціоналізації бекенду. Правильно використовуючи її, ви можете створити більш інклюзивний та зручний додаток для глобальної аудиторії. Для просунутого використання та детальних опцій конфігурації див. [документацію](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/configuration.md).

package/docs/uk/packages/hono-intlayer/t.md

@@ -51,7 +51,7 @@ t(translations: Record<string, string>): string;
 
 ### Параметри
 
-- `translations`: об'єкт, де ключі — це коди локалей (наприклад, `en`, `fr`, `uk`), а значення — відповідні перекладені рядки.
+- `translations`: об'єкт, де ключі, це коди локалей (наприклад, `en`, `fr`, `uk`), а значення, відповідні перекладені рядки.
 
 ### Повертає
 
@@ -265,4 +265,4 @@ app.get("/morning", (c) => {
 
 ## Висновок
 
-Функція `t` — це потужний інструмент для інтернаціоналізації бекенда. Ефективно використовуючи її, ви можете створити більш інклюзивний та зручний додаток для глобальної аудиторії. Для отримання інформації про розширене використання та детальні параметри конфігурації зверніться до [документації](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/configuration.md).
+Функція `t`, це потужний інструмент для інтернаціоналізації бекенда. Ефективно використовуючи її, ви можете створити більш інклюзивний та зручний додаток для глобальної аудиторії. Для отримання інформації про розширене використання та детальні параметри конфігурації зверніться до [документації](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/configuration.md).

package/docs/uk/packages/intlayer/exports.md

@@ -21,7 +21,7 @@ history:
 
 # Пакет intlayer
 
-Пакет `intlayer` — це основна бібліотека екосистеми Intlayer. Він надає необхідні функції, типи та утиліти для керування багатомовним контентом у застосунках на JavaScript та TypeScript.
+Пакет `intlayer`, це основна бібліотека екосистеми Intlayer. Він надає необхідні функції, типи та утиліти для керування багатомовним контентом у застосунках на JavaScript та TypeScript.
 
 ## Встановлення
 

package/docs/uk/packages/intlayer/getEnumeration.md

@@ -33,7 +33,7 @@ history:
 ## Параметри
 
 - `enumerationContent: QuantityContent<Content>`
-  - **Опис**: Об'єкт, де ключі представляють умови (наприклад `<=`, `<`, `>=`, `=`), а значення — відповідний вміст. Порядок ключів визначає пріоритет їхнього зіставлення.
+  - **Опис**: Об'єкт, де ключі представляють умови (наприклад `<=`, `<`, `>=`, `=`), а значення, відповідний вміст. Порядок ключів визначає пріоритет їхнього зіставлення.
   - **Тип**: `QuantityContent<Content>`
     - `Content` може бути будь-якого типу.
 

package/docs/uk/packages/intlayer/getMultilingualUrls.md

@@ -39,7 +39,7 @@ history:
 - Необов'язковий об'єкт `options` з полями `locales`, `defaultLocale` та `mode`
 - Використовує конфігурацію інтернаціоналізації вашого проєкту за замовчуванням
 - Підтримує кілька режимів маршрутизації: `prefix-no-default`, `prefix-all`, `no-prefix` та `search-params`
-- Повертає об'єкт-мапу, де ключами є всі локалі, а значеннями — відповідні URL
+- Повертає об'єкт-мапу, де ключами є всі локалі, а значеннями, відповідні URL
 
 ---
 
@@ -262,7 +262,7 @@ getMultilingualUrls("/dashboard", {
   - Лише локалі, вказані в масиві locales, враховуються під час генерації URL.
 
 - **Режими маршрутизації:**
-  - `'prefix-no-default'`: для локалі за замовчуванням префікс відсутній, для інших — є (наприклад, `/dashboard`, `/fr/dashboard`)
+  - `'prefix-no-default'`: для локалі за замовчуванням префікс відсутній, для інших, є (наприклад, `/dashboard`, `/fr/dashboard`)
   - `'prefix-all'`: усі локалі мають префікси (наприклад, `/en/dashboard`, `/fr/dashboard`)
   - `'no-prefix'`: Немає префіксів локалі в URL (для всіх локалей повертається той самий URL)
   - `'search-params'`: Локаль вказується через параметр запиту (наприклад, `/dashboard?locale=fr`)