@intlayer/docs 8.1.6 → 8.1.8

package/docs/uk/intlayer_with_nuxt.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2025-06-18
 updatedAt: 2025-12-30
-title: Nuxt i18n - Як перекласти ваш додаток Nuxt – посібник 2026
+title: Nuxt i18n - Як перекласти додаток Nuxt у 2026
 description: Дізнайтеся, як зробити ваш вебсайт на Nuxt і Vue багатомовним. Керуйтесь документацією, щоб інтернаціоналізувати (i18n) та перекласти його.
 keywords:
   - Інтернаціоналізація
@@ -39,7 +39,7 @@ history:
 
 ## Що таке Intlayer?
 
-**Intlayer** — інноваційна відкрита бібліотека для інтернаціоналізації (i18n), створена для спрощення підтримки багатомовності в сучасних вебдодатках.
+**Intlayer**, інноваційна відкрита бібліотека для інтернаціоналізації (i18n), створена для спрощення підтримки багатомовності в сучасних вебдодатках.
 
 За допомогою Intlayer ви можете:
 
@@ -63,7 +63,7 @@ history:
 <iframe
   src="https://stackblitz.com/github/aymericzip/intlayer-nuxt-4-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"
 />
@@ -299,7 +299,7 @@ Intlayer пропонує різні API для доступу до вашого
 
 Щоб змінити мову вашого контенту, ви можете використовувати функцію `setLocale`, яку надає composable `useLocale`. Ця функція дозволяє встановити локаль додатка та відповідно оновити контент.
 
-Створіть компонент для перемикання мов, використовуючи `NuxtLink`. **Використання посилань замість кнопок для перемикання локалі — найкраща практика для SEO та виявлення сторінок**, оскільки це дозволяє пошуковим системам обходити та індексувати всі локалізовані версії ваших сторінок:
+Створіть компонент для перемикання мов, використовуючи `NuxtLink`. **Використання посилань замість кнопок для перемикання локалі, найкраща практика для SEO та виявлення сторінок**, оскільки це дозволяє пошуковим системам обходити та індексувати всі локалізовані версії ваших сторінок:
 
 ```vue fileName="components/LocaleSwitcher.vue"
 <script setup lang="ts">
@@ -463,10 +463,10 @@ const finalPath = computed(() => {
   // 1. Перевірте, чи є посилання зовнішнім
   const isExternal = /^https?:\/\//.test(props.href || "");
 
-  // 2. Якщо зовнішній — повернути як є (NuxtLink генерує тег <a>)
+  // 2. Якщо зовнішній, повернути як є (NuxtLink генерує тег <a>)
   if (isExternal) return props.href;
 
-  // 3. Якщо внутрішній — локалізувати URL
+  // 3. Якщо внутрішній, локалізувати URL
   const targetLocale = props.locale || currentLocale.value;
   return getLocalizedUrl(props.href, targetLocale);
 });

package/docs/uk/intlayer_with_react_native+expo.md

@@ -1,8 +1,8 @@
 ---
 createdAt: 2025-06-18
 updatedAt: 2025-12-30
-title: React Native і Expo i18n - Як перекласти ваш додаток React Native – посібник 2026
-description: Дізнайтеся, як зробити ваш вебсайт на React Native та Expo багатомовним. Дотримуйтесь документації, щоб інтернаціоналізувати (i18n) та перекласти його.
+title: Expo + React Native i18n - Як перекласти додаток React Native у 2026
+description: Дізнайтеся, як зробити ваш вебсайт на Expo та React Native багатомовним. Дотримуйтесь документації, щоб інтернаціоналізувати (i18n) та перекласти його.
 keywords:
   - Інтернаціоналізація
   - Документація
@@ -27,7 +27,7 @@ history:
     changes: Ініціалізація історії
 ---
 
-# Перекладіть ваш додаток React Native та Expo за допомогою Intlayer | Інтернаціоналізація (i18n)
+# Перекладіть ваш додаток Expo та React Native | Інтернаціоналізація (i18n)
 
 ## Зміст
 
@@ -35,13 +35,13 @@ history:
 
 ## Що таке Intlayer?
 
-**Intlayer** — це **інноваційна, відкрита бібліотека для інтернаціоналізації (i18n)**, яка спрощує підтримку кількох мов у сучасних додатках. Вона працює у багатьох JavaScript/TypeScript середовищах, **включно з React Native** (через пакет `react-intlayer`).
+**Intlayer**, це **інноваційна, відкрита бібліотека для інтернаціоналізації (i18n)**, яка спрощує підтримку кількох мов у сучасних додатках. Вона працює у багатьох JavaScript/TypeScript середовищах, **включно з React Native** (через пакет `react-intlayer`).
 
 За допомогою Intlayer ви можете:
 
 - **Легко керувати перекладами** за допомогою декларативних словників на рівні компонентів.
 - **Забезпечити підтримку TypeScript** з автогенерованими типами.
-- **Динамічно локалізувати** контент, включно з текстами інтерфейсу (а в React для web — також HTML-метадані тощо).
+- **Динамічно локалізувати** контент, включно з текстами інтерфейсу (а в React для web, також HTML-метадані тощо).
 - **Отримати переваги розширених можливостей**, таких як динамічне визначення локалі та її перемикання.
 
 ///
@@ -53,7 +53,7 @@ history:
 <iframe
   src="https://stackblitz.com/github/aymericzip/intlayer-react-native-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"
 />
@@ -166,7 +166,7 @@ module.exports = config;
 
 ## Крок 3: Додайте плагін Metro
 
-Metro — це бандлер для React Native. Він є бандлером за замовчуванням для проєктів React Native, створених за допомогою команди `react-native init`. Щоб використовувати Intlayer з Metro, потрібно додати плагін у файл `metro.config.js`:
+Metro, це бандлер для React Native. Він є бандлером за замовчуванням для проєктів React Native, створених за допомогою команди `react-native init`. Щоб використовувати Intlayer з Metro, потрібно додати плагін у файл `metro.config.js`:
 
 ```js fileName="metro.config.js"
 const { getDefaultConfig } = require("expo/metro-config");
@@ -179,7 +179,7 @@ module.exports = (async () => {
 })();
 ```
 
-> Примітка: `configMetroIntlayer` — це функція, яка повертає проміс. Використовуйте `configMetroIntlayerSync`, якщо хочете виконувати це синхронно, або уникайте IFFE (Immediately Invoked Function Expression).
+> Примітка: `configMetroIntlayer`, це функція, яка повертає проміс. Використовуйте `configMetroIntlayerSync`, якщо хочете виконувати це синхронно, або уникайте IFFE (Immediately Invoked Function Expression).
 > Примітка: `configMetroIntlayerSync` не дозволяє будувати словники intlayer під час запуску сервера
 
 ## Крок 4: Додайте провайдер Intlayer
@@ -371,6 +371,8 @@ import { type FC } from "react";
 const HomeScreen = (): FC => {
   const { title, steps } = useIntlayer("home-screen");
 
+> Якщо ваш застосунок уже існує, ви можете скористатися [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), щоб перетворити тисячі компонентів за одну секунду.
+
   return (
     <ParallaxScrollView
       headerBackgroundColor={{ light: "#A1CEDC", dark: "#1D3D47" }}
@@ -621,7 +623,7 @@ const styles = StyleSheet.create({
 });
 ```
 
-Це спричиняє повторний рендер (re-render) усіх компонентів, що використовують контент Intlayer — тепер вони відображають переклади для нової локалі.
+Це спричиняє повторний рендер (re-render) усіх компонентів, що використовують контент Intlayer, тепер вони відображають переклади для нової локалі.
 
 > Див. документацію по [`useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/react-intlayer/useLocale.md) для докладніших відомостей.
 

package/docs/uk/intlayer_with_react_router_v7.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2025-09-04
 updatedAt: 2025-12-30
-title: React Router v7 i18n - Як перекласти ваш додаток React Router v7 – посібник 2026
+title: React Router v7 i18n - Як перекласти додаток React Router v7 у 2026
 description: Дізнайтеся, як додати інтернаціоналізацію (i18n) до вашого застосунку на React Router v7 за допомогою Intlayer. Дотримуйтеся цього вичерпного посібника, щоб зробити ваш застосунок багатомовним із маршрутизацією, що враховує локаль.
 keywords:
   - Інтернаціоналізація
@@ -46,7 +46,7 @@ history:
 
 ## Що таке Intlayer?
 
-**Intlayer** — інноваційна open-source бібліотека для інтернаціоналізації (i18n), створена для спрощення підтримки багатомовності в сучасних веб-додатках.
+**Intlayer**, інноваційна open-source бібліотека для інтернаціоналізації (i18n), створена для спрощення підтримки багатомовності в сучасних веб-додатках.
 
 З Intlayer ви можете:
 
@@ -63,7 +63,7 @@ history:
 <iframe
   src="https://stackblitz.com/github/aymericzip/intlayer-react-router-v7-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"
 />
@@ -121,7 +121,7 @@ bunx intlayer init
 <iframe
   src="https://stackblitz.com/github/aymericzip/intlayer-react-router-v7-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"
 />
@@ -417,6 +417,8 @@ export default function Page() {
 
 > Щоб дізнатися більше про хук `useIntlayer`, зверніться до [документації](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/react-intlayer/useIntlayer.md).
 
+> Якщо ваш застосунок уже існує, ви можете скористатися [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), щоб перетворити тисячі компонентів за одну секунду.
+
 ### Крок 9: Створіть компонент перемикача локалі
 
 Створіть компонент, який дозволить користувачам змінювати мову:
@@ -452,19 +454,19 @@ export const LocaleSwitcher: FC = () => {
             to={getLocalizedUrl(pathWithoutLocale, localeItem)}
           >
             <span>
-              {/* Локаль — напр. FR */}
+              {/* Локаль, напр. FR */}
               {localeItem}
             </span>
             <span>
-              {/* Мова у власній локалі — напр., Français */}
+              {/* Мова у власній локалі, напр., Français */}
               {getLocaleName(localeItem, locale)}
             </span>
             <span dir={getHTMLTextDir(localeItem)} lang={localeItem}>
-              {/* Мова у поточній локалі — наприклад, Francés коли поточна локаль встановлена в Locales.SPANISH */}
+              {/* Мова у поточній локалі, наприклад, Francés коли поточна локаль встановлена в Locales.SPANISH */}
               {getLocaleName(localeItem)}
             </span>
             <span dir="ltr" lang={Locales.ENGLISH}>
-              {/* Мова англійською — напр., French */}
+              {/* Мова англійською, напр., French */}
               {getLocaleName(localeItem, Locales.ENGLISH)}
             </span>
           </Link>

package/docs/uk/intlayer_with_react_router_v7_fs_routes.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2025-12-07
 updatedAt: 2025-12-30
-title: React Router v7 i18n - Як перекласти ваш додаток React Router v7 – посібник 2026
+title: React Router v7 i18n - Як перекласти додаток React Router v7 у 2026
 description: Дізнайтеся, як додати інтернаціоналізацію (i18n) до вашого додатка на React Router v7 за допомогою Intlayer і маршрутизації на основі файлової системи. Дотримуйтеся цього вичерпного керівництва, щоб зробити ваш додаток багатомовним із локалізованою маршрутизацією.
 keywords:
   - Інтернаціоналізація
@@ -45,7 +45,7 @@ history:
 
 ## Що таке Intlayer?
 
-**Intlayer** — інноваційна, open-source бібліотека інтернаціоналізації (i18n), створена для спрощення підтримки кількох мов у сучасних вебдодатках.
+**Intlayer**, інноваційна, open-source бібліотека інтернаціоналізації (i18n), створена для спрощення підтримки кількох мов у сучасних вебдодатках.
 
 З Intlayer ви можете:
 
@@ -70,7 +70,7 @@ history:
 <iframe
   src="https://stackblitz.com/github/aymericzip/intlayer-react-router-v7-fs-routes-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"
 />
@@ -206,7 +206,7 @@ export default routes;
 
 ### Крок 5: Створіть файли маршрутів за конвенціями файлової системи
 
-При маршрутизації на основі файлової системи використовується плоска конвенція іменування, де крапки (`.`) позначають сегменти шляху, а дужки `()` — необов'язкові сегменти.
+При маршрутизації на основі файлової системи використовується плоска конвенція іменування, де крапки (`.`) позначають сегменти шляху, а дужки `()`, необов'язкові сегменти.
 
 Створіть наступні файли у директорії `app/routes/`:
 
@@ -371,6 +371,8 @@ export default function AboutPage() {
 }
 ```
 
+> Якщо ваш застосунок уже існує, ви можете скористатися [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: Оголосіть свій контент
 
 Створюйте та керуйте деклараціями контенту для зберігання перекладів. Розміщуйте файли контенту поруч із файлами маршрутів:
@@ -537,19 +539,19 @@ export const LocaleSwitcher: FC = () => {
             to={getLocalizedUrl(pathWithoutLocale, localeItem)}
           >
             <span>
-              {/* Локаль — наприклад FR */}
+              {/* Локаль, наприклад FR */}
               {localeItem}
             </span>
             <span>
-              {/* Мова у власній локалі — наприклад Français */}
+              {/* Мова у власній локалі, наприклад Français */}
               {getLocaleName(localeItem, locale)}
             </span>
             <span dir={getHTMLTextDir(localeItem)} lang={localeItem}>
-              {/* Назва мови у поточній локалі — напр., Francés коли поточна локаль встановлена як Locales.SPANISH */}
+              {/* Назва мови у поточній локалі, напр., Francés коли поточна локаль встановлена як Locales.SPANISH */}
               {getLocaleName(localeItem)}
             </span>
             <span dir="ltr" lang={Locales.ENGLISH}>
-              {/* Назва мови англійською — напр., French */}
+              {/* Назва мови англійською, напр., French */}
               {getLocaleName(localeItem, Locales.ENGLISH)}
             </span>
           </Link>

package/docs/uk/intlayer_with_svelte_kit.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2025-11-20
 updatedAt: 2025-12-30
-title: SvelteKit i18n - Як перекласти ваш додаток SvelteKit – посібник 2026
+title: SvelteKit i18n - Як перекласти додаток SvelteKit у 2026
 description: Дізнайтеся, як зробити ваш вебсайт на SvelteKit багатомовним. Дотримуйтесь документації, щоб інтернаціоналізувати (i18n) та перекласти його з використанням Server-Side Rendering (SSR).
 keywords:
   - Інтернаціоналізація (i18n)
@@ -32,7 +32,7 @@ history:
 
 ## Що таке Intlayer?
 
-**Intlayer** — інноваційна, відкрита бібліотека для інтернаціоналізації (i18n), створена для спрощення підтримки кількох мов у сучасних вебзастосунках. Вона безшовно працює з можливостями Server-Side Rendering (SSR) у **SvelteKit**.
+**Intlayer**, інноваційна, відкрита бібліотека для інтернаціоналізації (i18n), створена для спрощення підтримки кількох мов у сучасних вебзастосунках. Вона безшовно працює з можливостями Server-Side Rendering (SSR) у **SvelteKit**.
 
 За допомогою Intlayer ви можете:
 

package/docs/uk/intlayer_with_tanstack.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2025-09-09
 updatedAt: 2025-12-30
-title: Tanstack Start i18n - Як перекласти ваш додаток Tanstack Start – посібник 2026
+title: Tanstack Start i18n - Як перекласти додаток Tanstack Start у 2026
 description: Дізнайтеся, як додати інтернаціоналізацію (i18n) до вашого застосунку Tanstack Start за допомогою Intlayer. Дотримуйтесь цього вичерпного посібника, щоб зробити ваш додаток багатомовним із маршрутизацією з урахуванням локалі.
 keywords:
   - Інтернаціоналізація
@@ -52,7 +52,7 @@ history:
 
 ## Що таке Intlayer?
 
-**Intlayer** — інноваційна open-source бібліотека для інтернаціоналізації (i18n), призначена для спрощення підтримки кількох мов у сучасних вебзастосунках.
+**Intlayer**, інноваційна open-source бібліотека для інтернаціоналізації (i18n), призначена для спрощення підтримки кількох мов у сучасних вебзастосунках.
 
 За допомогою Intlayer ви можете:
 
@@ -77,7 +77,7 @@ history:
 <iframe
   src="https://stackblitz.com/github/aymericzip/intlayer-tanstack-start-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"
 />
@@ -252,7 +252,7 @@ export const Route = createFileRoute("/{-$locale}")({
 });
 ```
 
-> Тут `{-$locale}` — динамічний параметр маршруту, який підставляється поточним локалем. Ця нотація робить слот необов'язковим, що дозволяє використовувати його з режимами маршрутизації, такими як `'prefix-no-default'` тощо.
+> Тут `{-$locale}`, динамічний параметр маршруту, який підставляється поточним локалем. Ця нотація робить слот необов'язковим, що дозволяє використовувати його з режимами маршрутизації, такими як `'prefix-no-default'` тощо.
 
 > Зауважте, що цей слот може викликати проблеми, якщо ви використовуєте кілька динамічних сегментів в одному маршруті (наприклад, `/{-$locale}/other-path/$anotherDynamicPath/...`).
 > У режимі `'prefix-all'` можливо краще змінити слот на `$locale`.
@@ -300,7 +300,7 @@ const appContent = {
 export default appContent;
 ```
 
-> Оголошення вмісту можна визначати будь-де у вашому застосунку, за умови, що вони включені у директорію `contentDir` (за замовчуванням — `./app`) та відповідають розширенню файлу декларації вмісту (за замовчуванням — `.content.{json,ts,tsx,js,jsx,mjs,cjs}`).
+> Оголошення вмісту можна визначати будь-де у вашому застосунку, за умови, що вони включені у директорію `contentDir` (за замовчуванням, `./app`) та відповідають розширенню файлу декларації вмісту (за замовчуванням, `.content.{json,ts,tsx,js,jsx,mjs,cjs}`).
 
 > Для детальнішої інформації зверніться до [документації з оголошення вмісту](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/dictionary/get_started.md).
 
@@ -513,19 +513,19 @@ export const LocaleSwitcher: FC = () => {
             to={pathWithoutLocale as To}
           >
             <span>
-              {/* Локаль — наприклад FR */}
+              {/* Локаль, наприклад FR */}
               {localeEl}
             </span>
             <span>
-              {/* Назва мови у власній локалі — наприклад Français */}
+              {/* Назва мови у власній локалі, наприклад Français */}
               {getLocaleName(localeEl, locale)}
             </span>
             <span dir={getHTMLTextDir(localeEl)} lang={localeEl}>
-              {/* Мова в поточній локалі — наприклад «Francés», коли поточна локаль встановлена як Locales.SPANISH */}
+              {/* Мова в поточній локалі, наприклад «Francés», коли поточна локаль встановлена як Locales.SPANISH */}
               {getLocaleName(localeEl)}
             </span>
             <span dir="ltr" lang={Locales.ENGLISH}>
-              {/* Мова англійською — наприклад «French» */}
+              {/* Мова англійською, наприклад «French» */}
               {getLocaleName(localeEl, Locales.ENGLISH)}
             </span>
           </LocalizedLink>

package/docs/uk/intlayer_with_vite+preact.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2025-04-18
 updatedAt: 2025-12-30
-title: Vite і Preact i18n - Як перекласти ваш додаток Preact – посібник 2026
+title: Vite + Preact i18n - Як перекласти додаток Preact у 2026
 description: Дізнайтеся, як зробити ваш вебсайт на Vite і Preact багатомовним. Дотримуйтесь документації, щоб інтернаціоналізувати (i18n) та перекласти його.
 keywords:
   - Інтернаціоналізація
@@ -54,7 +54,7 @@ history:
 
 ## Що таке Intlayer?
 
-**Intlayer** — це інноваційна open-source бібліотека для інтернаціоналізації (i18n), створена для спрощення багатомовної підтримки в сучасних вебзастосунках.
+**Intlayer**, це інноваційна open-source бібліотека для інтернаціоналізації (i18n), створена для спрощення багатомовної підтримки в сучасних вебзастосунках.
 
 За допомогою Intlayer ви можете:
 
@@ -192,7 +192,7 @@ import { defineConfig } from "vite";
 import preact from "@preact/preset-vite";
 import { intlayer } from "vite-intlayer";
 
-// https://vitejs.dev/config/ — документація Vite
+// https://vitejs.dev/config/, документація Vite
 export default defineConfig({
   plugins: [preact(), intlayer()],
 });
@@ -203,7 +203,7 @@ import { defineConfig } from "vite";
 import preact from "@preact/preset-vite";
 import { intlayer } from "vite-intlayer";
 
-// https://vitejs.dev/config/ — документація Vite
+// https://vitejs.dev/config/, документація Vite
 export default defineConfig({
   plugins: [preact(), intlayer()],
 });
@@ -214,7 +214,7 @@ const { defineConfig } = require("vite");
 const preact = require("@preact/preset-vite");
 const { intlayer } = require("vite-intlayer");
 
-// https://vitejs.dev/config/ — документація Vite
+// https://vitejs.dev/config/, документація Vite
 module.exports = defineConfig({
   plugins: [preact(), intlayer()],
 });
@@ -594,6 +594,8 @@ module.exports = App;
 
 > Щоб дізнатися більше про хук `useIntlayer`, зверніться до [документації](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/react-intlayer/useIntlayer.md) (API схожий для `preact-intlayer`).
 
+> Якщо ваш застосунок уже існує, ви можете скористатися [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`. Ця функція дозволяє встановити локаль застосунку та відповідно оновити контент.
@@ -654,7 +656,7 @@ module.exports = LocaleSwitcher;
 
 ### (Необов'язково) Крок 7: Додайте локалізовану маршрутизацію до вашого додатка
 
-Мета цього кроку — створити унікальні маршрути для кожної мови. Це корисно для SEO та SEO-дружніх URL-адрес.
+Мета цього кроку, створити унікальні маршрути для кожної мови. Це корисно для SEO та SEO-дружніх URL-адрес.
 Приклад:
 
 ```plaintext
@@ -847,19 +849,19 @@ const LocaleSwitcher: FunctionalComponent = () => {
             key={localeItem}
           >
             <span>
-              {/* Локаль — наприклад FR */}
+              {/* Локаль, наприклад FR */}
               {localeItem}
             </span>
             <span>
-              {/* Мова у своїй локалі — наприклад Français */}
+              {/* Мова у своїй локалі, наприклад Français */}
               {getLocaleName(localeItem, localeItem)}
             </span>
             <span dir={getHTMLTextDir(localeItem)} lang={localeItem}>
-              {/* Мова у поточній локалі — наприклад Francés коли поточна локаль встановлена на Locales.SPANISH */}
+              {/* Мова у поточній локалі, наприклад Francés коли поточна локаль встановлена на Locales.SPANISH */}
               {getLocaleName(localeItem, locale)}
             </span>
             <span dir="ltr" lang={Locales.ENGLISH}>
-              {/* Мова англійською — наприклад French */}
+              {/* Мова англійською, наприклад French */}
               {getLocaleName(localeItem, Locales.ENGLISH)}
             </span>
           </a>
@@ -1080,7 +1082,7 @@ const AppWithHooks: FunctionalComponent = () => {
   // Застосовуємо хук, щоб оновити атрибути lang і dir елемента <html> відповідно до локалі.
   useI18nHTMLAttributes();
 
-  // Припускаючи, що AppContent — ваш основний компонент для відображення вмісту з Кроку 5
+  // Припускаючи, що AppContent, ваш основний компонент для відображення вмісту з Кроку 5
   return <AppContent />;
 };
 

package/docs/uk/intlayer_with_vite+react.md

@@ -1,7 +1,7 @@
 ---
 createdAt: 2024-03-07
 updatedAt: 2025-12-30
-title: Vite і React i18n - Як перекласти ваш додаток React – посібник 2026
+title: Vite + React i18n - Як перекласти додаток React у 2026
 description: Дізнайтеся, як додати інтернаціоналізацію (i18n) до вашого додатка на Vite і React за допомогою Intlayer. Дотримуйтеся цього посібника, щоб зробити ваш додаток багатомовним.
 keywords:
   - Інтернаціоналізація
@@ -34,7 +34,7 @@ history:
 
 ## Що таке Intlayer?
 
-**Intlayer** — це інноваційна open-source бібліотека для інтернаціоналізації (i18n), створена для спрощення підтримки кількох мов у сучасних вебзастосунках.
+**Intlayer**, це інноваційна open-source бібліотека для інтернаціоналізації (i18n), створена для спрощення підтримки кількох мов у сучасних вебзастосунках.
 
 З Intlayer ви можете:
 
@@ -58,7 +58,7 @@ history:
 <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"
+  title="Демо CodeSandbox, як інтернаціоналізувати ваш додаток за допомогою Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
   loading="lazy"
 />
@@ -640,6 +640,8 @@ module.exports = App;
 
 > Щоб дізнатися більше про хук `useIntlayer`, зверніться до [документації](https://github.com/aymericzip/intlayer/blob/main/docs/docs/uk/packages/react-intlayer/useIntlayer.md).
 
+> Якщо ваш застосунок уже існує, ви можете скористатися [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`. Ця функція дозволяє встановити локаль додатку і відповідно оновити контент.
@@ -694,7 +696,7 @@ const LocaleSwitcher = () => {
 
 ### (Необов'язково) Крок 7: Додайте локалізовану маршрутизацію до вашого застосунку
 
-Мета цього кроку — зробити унікальні маршрути для кожної мови. Це корисно для SEO та дружніх до SEO URL-адрес.
+Мета цього кроку, зробити унікальні маршрути для кожної мови. Це корисно для SEO та дружніх до SEO URL-адрес.
 Приклад:
 
 ```plaintext
@@ -929,7 +931,7 @@ const LocaleSwitcher: FC = () => {
               {getLocaleName(localeItem)}
             </span>
             <span dir="ltr" lang={Locales.ENGLISH}>
-              {/* Мова англійською — наприклад, French */}
+              {/* Мова англійською, наприклад, French */}
               {getLocaleName(localeItem, Locales.ENGLISH)}
             </span>
           </a>
@@ -985,15 +987,15 @@ const LocaleSwitcher = () => {
               {localeItem}
             </span>
             <span>
-              {/* Мова у власній локалі — наприклад Français */}
+              {/* Мова у власній локалі, наприклад Français */}
               {getLocaleName(localeItem, locale)}
             </span>
             <span dir={getHTMLTextDir(localeItem)} lang={localeItem}>
-              {/* Мова у поточній локалі — наприклад Francés, коли поточна локаль встановлена в Locales.SPANISH */}
+              {/* Мова у поточній локалі, наприклад Francés, коли поточна локаль встановлена в Locales.SPANISH */}
               {getLocaleName(localeItem)}
             </span>
             <span dir="ltr" lang={Locales.ENGLISH}>
-              {/* Мова англійською — наприклад French */}
+              {/* Мова англійською, наприклад French */}
               {getLocaleName(localeItem, Locales.ENGLISH)}
             </span>
           </a>
@@ -1045,19 +1047,19 @@ const LocaleSwitcher = () => {
             key={localeItem}
           >
             <span>
-              {/* Локаль — наприклад FR */}
+              {/* Локаль, наприклад FR */}
               {localeItem}
             </span>
             <span>
-              {/* Мова у власній локалі — наприклад Français */}
+              {/* Мова у власній локалі, наприклад Français */}
               {getLocaleName(localeItem, locale)}
             </span>
             <span dir={getHTMLTextDir(localeItem)} lang={localeItem}>
-              {/* Мова у поточній локалі — напр., «Francés», якщо поточна локаль встановлена як Locales.SPANISH */}
+              {/* Мова у поточній локалі, напр., «Francés», якщо поточна локаль встановлена як Locales.SPANISH */}
               {getLocaleName(localeItem)}
             </span>
             <span dir="ltr" lang={Locales.ENGLISH}>
-              {/* Мова англійською — напр., «French» */}
+              {/* Мова англійською, напр., «French» */}
               {getLocaleName(localeItem, Locales.ENGLISH)}
             </span>
           </a>