@intlayer/docs 9.3.3 → 9.4.0

package/blog/ru/i18n_using_next-i18next.md

@@ -451,6 +451,9 @@ export default function LocaleLayout({
 
 Организация переводов по пространствам имён (например, `common.json`, `about.json`) позволяет разделять код и уменьшать размер бандла. Вы загружаете только те переводы, которые нужны для каждой страницы, что улучшает производительность.
 
+<Tabs group="locale">
+ <Tab value='en' label='Английский'>
+
 ```json fileName="src/locales/en/common.json"
 {
   "appTitle": "Next.js i18n App",
@@ -458,6 +461,9 @@ export default function LocaleLayout({
 }
 ```
 
+ </Tab>
+ <Tab value='fr' label='Французский'>
+
 ```json fileName="src/locales/fr/common.json"
 {
   "appTitle": "Application Next.js i18n",
@@ -465,6 +471,12 @@ export default function LocaleLayout({
 }
 ```
 
+ </Tab>
+</Tabs>
+
+<Tabs group="locale">
+ <Tab value='en' label='Английский'>
+
 ```json fileName="src/locales/en/home.json"
 {
   "title": "Home",
@@ -476,43 +488,25 @@ export default function LocaleLayout({
 }
 ```
 
-Организация переводов по пространствам имён (например, `common.json`, `about.json`) позволяет разделять код и уменьшать размер бандла. Вы загружаете только те переводы, которые нужны для каждой страницы, что улучшает производительность.
-
-```json fileName="src/locales/en/common.json"
-{
-  "appTitle": "Next.js i18n App",
-  "appDescription": "Example Next.js application with internationalization using i18next"
-}
-```
-
-```json fileName="src/locales/ru/common.json"
-{
-  "appTitle": "Приложение Next.js с i18n",
-  "appDescription": "Пример приложения Next.js с интернационализацией с использованием i18next"
-}
-```
+ </Tab>
+ <Tab value='fr' label='Французский'>
 
-```json fileName="src/locales/en/home.json"
+```json fileName="src/locales/fr/home.json"
 {
-  "title": "Home",
-  "description": "Home page description",
-  "welcome": "Welcome",
-  "greeting": "Hello, world!",
-  "aboutPage": "About Page",
+  "title": "Accueil",
+  "description": "Description de la page d'accueil",
+  "welcome": "Bienvenue",
+  "greeting": "Bonjour le monde!",
+  "aboutPage": "Page À propos",
   "documentation": "Documentation"
 }
 ```
 
-```json fileName="src/locales/ru/home.json"
-{
-  "title": "Главная",
-  "description": "Описание главной страницы",
-  "welcome": "Добро пожаловать",
-  "greeting": "Привет, мир!",
-  "aboutPage": "Страница О нас",
-  "documentation": "Документация"
-}
-```
+ </Tab>
+</Tabs>
+
+<Tabs group="locale">
+ <Tab value='en' label='Английский'>
 
 ```json fileName="src/locales/en/about.json"
 {
@@ -526,18 +520,24 @@ export default function LocaleLayout({
 }
 ```
 
-```json fileName="src/locales/ru/about.json"
+ </Tab>
+ <Tab value='fr' label='Французский'>
+
+```json fileName="src/locales/fr/about.json"
 {
-  "title": "О нас",
-  "description": "Описание страницы О нас",
+  "title": "À propos",
+  "description": "Description de la page À propos",
   "counter": {
-    "label": "Счётчик",
-    "increment": "Увеличить",
-    "description": "Нажмите кнопку, чтобы увеличить счётчик"
+    "label": "Compteur",
+    "increment": "Incrémenter",
+    "description": "Cliquez sur le bouton pour augmenter le compteur"
   }
 }
 ```
 
+ </Tab>
+</Tabs>
+
 </Step>
 
 <Step number={9} title="Использование переводов на ваших страницах">

package/blog/ru/i18n_using_next-intl.md

@@ -68,7 +68,7 @@ author: aymericzip
 
 <iframe
   src="https://ide.intlayer.org/aymericzip/next-intl-template?file=src/i18n.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"  
@@ -315,6 +315,9 @@ export default async function AboutPage({
 
 Организация переводов по пространствам имён (например, `common.json`, `about.json`) позволяет использовать разделение кода (code splitting) и уменьшает размер бандла. Вы загружаете только переводы, необходимые для каждой страницы, что улучшает производительность.
 
+<Tabs group="locale">
+ <Tab value='en' label='Английский'>
+
 ```json fileName="locales/en/common.json"
 {
   "welcome": "Welcome",
@@ -322,6 +325,9 @@ export default async function AboutPage({
 }
 ```
 
+ </Tab>
+ <Tab value='fr' label='Французский'>
+
 ```json fileName="locales/fr/common.json"
 {
   "welcome": "Bienvenue",
@@ -329,6 +335,12 @@ export default async function AboutPage({
 }
 ```
 
+ </Tab>
+</Tabs>
+
+<Tabs group="locale">
+ <Tab value='en' label='Английский'>
+
 ```json fileName="locales/en/about.json"
 {
   "title": "About",
@@ -340,6 +352,9 @@ export default async function AboutPage({
 }
 ```
 
+ </Tab>
+ <Tab value='fr' label='Французский'>
+
 ```json fileName="locales/fr/about.json"
 {
   "title": "À propos",
@@ -351,6 +366,9 @@ export default async function AboutPage({
 }
 ```
 
+ </Tab>
+</Tabs>
+
 </Step>
 
 <Step number={5} title="Используйте переводы на своих страницах">

package/blog/tr/i18n_using_next-i18next.md

@@ -451,6 +451,9 @@ Her locale ve namespace için JSON dosyaları oluşturun. Bu yapı, çevirileri
 
 Çevirileri namespace (örneğin, `common.json`, `about.json`) bazında organize etmek, kod bölme (code splitting) yapılmasını sağlar ve paket boyutunu küçültür. Her sayfa için sadece gereken çevirileri yüklersiniz, bu da performansı artırır.
 
+<Tabs group="locale">
+ <Tab value='en' label='İngilizce'>
+
 ```json fileName="src/locales/en/common.json"
 {
   "appTitle": "Next.js i18n App",
@@ -458,6 +461,9 @@ Her locale ve namespace için JSON dosyaları oluşturun. Bu yapı, çevirileri
 }
 ```
 
+ </Tab>
+ <Tab value='fr' label='Fransızca'>
+
 ```json fileName="src/locales/fr/common.json"
 {
   "appTitle": "Application Next.js i18n",
@@ -465,6 +471,12 @@ Her locale ve namespace için JSON dosyaları oluşturun. Bu yapı, çevirileri
 }
 ```
 
+ </Tab>
+</Tabs>
+
+<Tabs group="locale">
+ <Tab value='en' label='İngilizce'>
+
 ```json fileName="src/locales/en/home.json"
 {
   "title": "Home",
@@ -476,17 +488,26 @@ Her locale ve namespace için JSON dosyaları oluşturun. Bu yapı, çevirileri
 }
 ```
 
-```json fileName="src/locales/tr/home.json"
+ </Tab>
+ <Tab value='fr' label='Fransızca'>
+
+```json fileName="src/locales/fr/home.json"
 {
-  "title": "Ana Sayfa",
-  "description": "Ana sayfa açıklaması",
-  "welcome": "Hoşgeldiniz",
-  "greeting": "Merhaba dünya!",
-  "aboutPage": "Hakkında Sayfası",
-  "documentation": "Dokümantasyon"
+  "title": "Accueil",
+  "description": "Description de la page d'accueil",
+  "welcome": "Bienvenue",
+  "greeting": "Bonjour le monde!",
+  "aboutPage": "Page À propos",
+  "documentation": "Documentation"
 }
 ```
 
+ </Tab>
+</Tabs>
+
+<Tabs group="locale">
+ <Tab value='en' label='İngilizce'>
+
 ```json fileName="src/locales/en/about.json"
 {
   "title": "About",
@@ -499,18 +520,24 @@ Her locale ve namespace için JSON dosyaları oluşturun. Bu yapı, çevirileri
 }
 ```
 
-```json fileName="src/locales/tr/about.json"
+ </Tab>
+ <Tab value='fr' label='Fransızca'>
+
+```json fileName="src/locales/fr/about.json"
 {
-  "title": "Hakkında",
-  "description": "Hakkında sayfası açıklaması",
+  "title": "À propos",
+  "description": "Description de la page À propos",
   "counter": {
-    "label": "Sayaç",
-    "increment": "Arttır",
-    "description": "Sayacı artırmak için butona tıklayın"
+    "label": "Compteur",
+    "increment": "Incrémenter",
+    "description": "Cliquez sur le bouton pour augmenter le compteur"
   }
 }
 ```
 
+ </Tab>
+</Tabs>
+
 </Step>
 
 <Step number={9} title="Sayfalarınızda Çevirileri Kullanın">

package/blog/tr/i18n_using_next-intl.md

@@ -315,6 +315,9 @@ Her locale ve namespace için JSON dosyaları oluşturun. Bu yapı, çevirileri
 
 Çevirileri namespace bazında organize etmek (örneğin, `common.json`, `about.json`) kod bölme (code splitting) yapmanızı sağlar ve paket boyutunu küçültür. Her sayfa için yalnızca gereken çevirileri yüklersiniz, bu da performansı artırır.
 
+<Tabs group="locale">
+ <Tab value='en' label='İngilizce'>
+
 ```json fileName="locales/en/common.json"
 {
   "welcome": "Welcome",
@@ -322,6 +325,9 @@ Her locale ve namespace için JSON dosyaları oluşturun. Bu yapı, çevirileri
 }
 ```
 
+ </Tab>
+ <Tab value='fr' label='Fransızca'>
+
 ```json fileName="locales/fr/common.json"
 {
   "welcome": "Bienvenue",
@@ -329,6 +335,12 @@ Her locale ve namespace için JSON dosyaları oluşturun. Bu yapı, çevirileri
 }
 ```
 
+ </Tab>
+</Tabs>
+
+<Tabs group="locale">
+ <Tab value='en' label='İngilizce'>
+
 ```json fileName="locales/en/about.json"
 {
   "title": "About",
@@ -340,6 +352,9 @@ Her locale ve namespace için JSON dosyaları oluşturun. Bu yapı, çevirileri
 }
 ```
 
+ </Tab>
+ <Tab value='fr' label='Fransızca'>
+
 ```json fileName="locales/fr/about.json"
 {
   "title": "À propos",
@@ -351,6 +366,9 @@ Her locale ve namespace için JSON dosyaları oluşturun. Bu yapı, çevirileri
 }
 ```
 
+ </Tab>
+</Tabs>
+
 </Step>
 
 <Step number={5} title="Çevirileri Sayfalarınızda Kullanın">

package/blog/uk/i18n_using_next-i18next.md

@@ -452,66 +452,93 @@ export default function LocaleLayout({
 
 Організація перекладів за неймспейсами (наприклад, `common.json`, `about.json`) дозволяє розділяти код (code splitting) і зменшувати розмір бандла. Ви завантажуєте лише переклади, потрібні для кожної сторінки, що покращує продуктивність.
 
+<Tabs group="locale">
+ <Tab value='en' label='Англійська'>
+
 ```json fileName="src/locales/en/common.json"
 {
-  "appTitle": "Додаток Next.js i18n",
-  "appDescription": "Приклад додатку Next.js з інтернаціоналізацією за допомогою i18next"
+  "appTitle": "Next.js i18n App",
+  "appDescription": "Example Next.js application with internationalization using i18next"
 }
 ```
 
+ </Tab>
+ <Tab value='fr' label='Французька'>
+
 ```json fileName="src/locales/fr/common.json"
 {
-  "appTitle": "Додаток Next.js i18n",
-  "appDescription": "Приклад додатку Next.js з інтернаціоналізацією за допомогою i18next"
+  "appTitle": "Application Next.js i18n",
+  "appDescription": "Exemple d'application Next.js avec internationalisation utilisant i18next"
 }
 ```
 
+ </Tab>
+</Tabs>
+
+<Tabs group="locale">
+ <Tab value='en' label='Англійська'>
+
 ```json fileName="src/locales/en/home.json"
 {
-  "title": "Головна",
-  "description": "Опис головної сторінки",
-  "welcome": "Ласкаво просимо",
-  "greeting": "Привіт, світ!",
-  "aboutPage": "Сторінка «Про»",
-  "documentation": "Документація"
+  "title": "Home",
+  "description": "Home page description",
+  "welcome": "Welcome",
+  "greeting": "Hello, world!",
+  "aboutPage": "About Page",
+  "documentation": "Documentation"
 }
 ```
 
+ </Tab>
+ <Tab value='fr' label='Французька'>
+
 ```json fileName="src/locales/fr/home.json"
 {
-  "title": "Головна",
-  "description": "Опис головної сторінки",
-  "welcome": "Ласкаво просимо",
-  "greeting": "Привіт, світ!",
-  "aboutPage": "Сторінка «Про»",
-  "documentation": "Документація"
+  "title": "Accueil",
+  "description": "Description de la page d'accueil",
+  "welcome": "Bienvenue",
+  "greeting": "Bonjour le monde!",
+  "aboutPage": "Page À propos",
+  "documentation": "Documentation"
 }
 ```
 
+ </Tab>
+</Tabs>
+
+<Tabs group="locale">
+ <Tab value='en' label='Англійська'>
+
 ```json fileName="src/locales/en/about.json"
 {
-  "title": "Про",
-  "description": "Опис сторінки «Про»",
+  "title": "About",
+  "description": "About page description",
   "counter": {
-    "label": "Лічильник",
-    "increment": "Збільшити",
-    "description": "Натисніть кнопку, щоб збільшити лічильник"
+    "label": "Counter",
+    "increment": "Increment",
+    "description": "Click the button to increase the counter"
   }
 }
 ```
 
+ </Tab>
+ <Tab value='fr' label='Французька'>
+
 ```json fileName="src/locales/fr/about.json"
 {
-  "title": "Про",
-  "description": "Опис сторінки «Про»",
+  "title": "À propos",
+  "description": "Description de la page À propos",
   "counter": {
-    "label": "Лічильник",
-    "increment": "Збільшити",
-    "description": "Натисніть кнопку, щоб збільшити лічильник"
+    "label": "Compteur",
+    "increment": "Incrémenter",
+    "description": "Cliquez sur le bouton pour augmenter le compteur"
   }
 }
 ```
 
+ </Tab>
+</Tabs>
+
 </Step>
 
 <Step number={9} title="Використовуйте переклади на своїх сторінках">

package/blog/uk/i18n_using_next-intl.md

@@ -314,42 +314,60 @@ export default async function AboutPage({
 
 Організація перекладів за просторами імен (наприклад, `common.json`, `about.json`) дозволяє робити code splitting і зменшувати розмір бандла. Ви завантажуєте лише переклади, потрібні для конкретної сторінки, що покращує продуктивність.
 
+<Tabs group="locale">
+ <Tab value='en' label='Англійська'>
+
 ```json fileName="locales/en/common.json"
 {
-  "welcome": "Ласкаво просимо",
-  "greeting": "Привіт, світ!"
+  "welcome": "Welcome",
+  "greeting": "Hello, world!"
 }
 ```
 
+ </Tab>
+ <Tab value='fr' label='Французька'>
+
 ```json fileName="locales/fr/common.json"
 {
-  "welcome": "Ласкаво просимо",
-  "greeting": "Привіт, світ!"
+  "welcome": "Bienvenue",
+  "greeting": "Bonjour le monde!"
 }
 ```
 
+ </Tab>
+</Tabs>
+
+<Tabs group="locale">
+ <Tab value='en' label='Англійська'>
+
 ```json fileName="locales/en/about.json"
 {
-  "title": "Про",
-  "description": "Опис сторінки «Про»",
+  "title": "About",
+  "description": "About page description",
   "counter": {
-    "label": "Лічильник",
-    "increment": "Збільшити"
+    "label": "Counter",
+    "increment": "Increment"
   }
 }
 ```
 
+ </Tab>
+ <Tab value='fr' label='Французька'>
+
 ```json fileName="locales/fr/about.json"
 {
-  "title": "Про",
-  "description": "Опис сторінки «Про»",
+  "title": "À propos",
+  "description": "Description de la page À propos",
   "counter": {
-    "label": "Лічильник",
-    "increment": "Збільшити"
+    "label": "Compteur",
+    "increment": "Incrémenter"
   }
 }
 ```
 
+ </Tab>
+</Tabs>
+
 </Step>
 
 <Step number={5} title="Використання перекладів на ваших сторінках">

package/blog/vi/i18n_using_next-i18next.md

@@ -451,6 +451,9 @@ Tạo các tệp JSON cho mỗi locale và namespace. Cấu trúc này cho phép
 
 Tổ chức các bản dịch theo namespace (ví dụ: `common.json`, `about.json`) cho phép tách mã và giảm kích thước gói. Bạn chỉ tải các bản dịch cần thiết cho mỗi trang, cải thiện hiệu suất.
 
+<Tabs group="locale">
+ <Tab value='en' label='Tiếng Anh'>
+
 ```json fileName="src/locales/en/common.json"
 {
   "appTitle": "Next.js i18n App",
@@ -458,6 +461,9 @@ Tổ chức các bản dịch theo namespace (ví dụ: `common.json`, `about.js
 }
 ```
 
+ </Tab>
+ <Tab value='fr' label='Tiếng Pháp'>
+
 ```json fileName="src/locales/fr/common.json"
 {
   "appTitle": "Application Next.js i18n",
@@ -465,6 +471,12 @@ Tổ chức các bản dịch theo namespace (ví dụ: `common.json`, `about.js
 }
 ```
 
+ </Tab>
+</Tabs>
+
+<Tabs group="locale">
+ <Tab value='en' label='Tiếng Anh'>
+
 ```json fileName="src/locales/en/home.json"
 {
   "title": "Home",
@@ -476,17 +488,26 @@ Tổ chức các bản dịch theo namespace (ví dụ: `common.json`, `about.js
 }
 ```
 
-```json fileName="src/locales/vi/home.json"
+ </Tab>
+ <Tab value='fr' label='Tiếng Pháp'>
+
+```json fileName="src/locales/fr/home.json"
 {
-  "title": "Trang chủ",
-  "description": "Mô tả trang chủ",
-  "welcome": "Chào mừng",
-  "greeting": "Xin chào thế giới!",
-  "aboutPage": "Trang Giới thiệu",
-  "documentation": "Tài liệu"
+  "title": "Accueil",
+  "description": "Description de la page d'accueil",
+  "welcome": "Bienvenue",
+  "greeting": "Bonjour le monde!",
+  "aboutPage": "Page À propos",
+  "documentation": "Documentation"
 }
 ```
 
+ </Tab>
+</Tabs>
+
+<Tabs group="locale">
+ <Tab value='en' label='Tiếng Anh'>
+
 ```json fileName="src/locales/en/about.json"
 {
   "title": "About",
@@ -499,18 +520,24 @@ Tổ chức các bản dịch theo namespace (ví dụ: `common.json`, `about.js
 }
 ```
 
-```json fileName="src/locales/vi/about.json"
+ </Tab>
+ <Tab value='fr' label='Tiếng Pháp'>
+
+```json fileName="src/locales/fr/about.json"
 {
-  "title": "Giới thiệu",
-  "description": "Mô tả trang Giới thiệu",
+  "title": "À propos",
+  "description": "Description de la page À propos",
   "counter": {
-    "label": "Bộ đếm",
-    "increment": "Tăng",
-    "description": "Nhấn nút để tăng bộ đếm"
+    "label": "Compteur",
+    "increment": "Incrémenter",
+    "description": "Cliquez sur le bouton pour augmenter le compteur"
   }
 }
 ```
 
+ </Tab>
+</Tabs>
+
 </Step>
 
 <Step number={9} title="Sử dụng Bản dịch trong Trang của Bạn">

package/blog/vi/i18n_using_next-intl.md

@@ -313,6 +313,9 @@ Tạo các tệp JSON cho từng locale và namespace. Cấu trúc này cho phé
 
 Việc tổ chức bản dịch theo namespace (ví dụ: `common.json`, `about.json`) giúp tách mã và giảm kích thước gói. Bạn chỉ tải các bản dịch cần thiết cho mỗi trang, cải thiện hiệu suất.
 
+<Tabs group="locale">
+ <Tab value='en' label='Tiếng Anh'>
+
 ```json fileName="locales/en/common.json"
 {
   "welcome": "Welcome",
@@ -320,6 +323,9 @@ Việc tổ chức bản dịch theo namespace (ví dụ: `common.json`, `about.
 }
 ```
 
+ </Tab>
+ <Tab value='fr' label='Tiếng Pháp'>
+
 ```json fileName="locales/fr/common.json"
 {
   "welcome": "Bienvenue",
@@ -327,6 +333,12 @@ Việc tổ chức bản dịch theo namespace (ví dụ: `common.json`, `about.
 }
 ```
 
+ </Tab>
+</Tabs>
+
+<Tabs group="locale">
+ <Tab value='en' label='Tiếng Anh'>
+
 ```json fileName="locales/en/about.json"
 {
   "title": "About",
@@ -338,6 +350,9 @@ Việc tổ chức bản dịch theo namespace (ví dụ: `common.json`, `about.
 }
 ```
 
+ </Tab>
+ <Tab value='fr' label='Tiếng Pháp'>
+
 ```json fileName="locales/fr/about.json"
 {
   "title": "À propos",
@@ -349,6 +364,9 @@ Việc tổ chức bản dịch theo namespace (ví dụ: `common.json`, `about.
 }
 ```
 
+ </Tab>
+</Tabs>
+
 </Step>
 
 <Step number={5} title="Sử Dụng Bản Dịch Trong Các Trang Của Bạn">