@intlayer/docs 7.2.0 → 7.2.3

package/docs/ar/intlayer_cli.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-11
-updatedAt: 2025-07-11
+updatedAt: 2025-11-22
 title: CLI
 description: اكتشف كيفية استخدام واجهة الأوامر الخاصة بـ Intlayer لإدارة موقعك متعدد اللغات. اتبع الخطوات في هذه الوثائق عبر الإنترنت لإعداد مشروعك في دقائق قليلة.
 keywords:
@@ -17,6 +17,9 @@ slugs:
   - concept
   - cli
 history:
+  - version: 7.2.3
+    date: 2025-11-22
+    changes: إضافة أمر transform
   - version: 5.5.11
     date: 2025-07-11
     changes: تحديث توثيق معلمات أوامر CLI
@@ -311,6 +314,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
 
 سيقوم هذا الأمر بترجمة المحتوى من الإنجليزية إلى الفرنسية والإسبانية لجميع ملفات إعلان المحتوى في دليل `src/home/` باستخدام نموذج GPT-3.5 Turbo.
 
+### تحويل المكونات
+
+```bash
+npx intlayer transform
+```
+
+يقوم هذا الأمر بتحليل ملفات الكود الخاصة بك للمساعدة في ترحيل المكونات الموجودة لاستخدام Intlayer. يدعم اختيار الملفات التفاعلي أو استهداف ملفات محددة.
+
+##### الأسماء المستعارة:
+
+- `npx intlayer trans`
+
+##### الوسائط:
+
+**خيارات اختيار الملفات:**
+
+- **`-f, --file [files...]`**: قائمة بالملفات المحددة للتحويل. إذا لم يتم توفيرها، سيقوم CLI بفحص الملفات المطابقة (`**/*.{tsx,jsx,vue,svelte,ts,js}`) وسيطالبك باختيار الملفات المراد تحويلها.
+
+  > مثال: `npx intlayer transform -f src/components/MyComponent.tsx`
+
+**خيارات الإخراج:**
+
+- **`-o, --output-content-declarations [outputContentDeclarations]`**: الدليل لحفظ ملفات إعلان المحتوى المُنشأة.
+
+  > مثال: `npx intlayer transform -o src/content`
+
+**خيارات التكوين:**
+
+- **`--base-dir`**: تحديد الدليل الأساسي للمشروع.
+- **`--env`**: تحديد البيئة.
+- **`--env-file`**: توفير ملف بيئة مخصص.
+- **`--verbose`**: تفعيل التسجيل المفصل.
+
 ### إدارة التكوين
 
 #### الحصول على التكوين

package/docs/ar/intlayer_with_svelte_kit.md

@@ -42,6 +42,14 @@ history:
 
 ## دليل خطوة بخطوة لإعداد Intlayer في تطبيق SvelteKit
 
+<iframe
+  src="https://stackblitz.com/github/aymericzip/intlayer-sveltekit-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="Demo CodeSandbox - Cách quốc tế hóa ứng dụng của bạn bằng Intlayer"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+  loading="lazy"
+/>
+
 للبدء، أنشئ مشروع SvelteKit جديد. إليك الهيكل النهائي الذي سننشئه:
 
 ```bash
@@ -547,8 +555,9 @@ export const load: Load = ({ params }) => {
 	let { children, data }: { children: Snippet, data: LayoutData } = $props();
 
 	// تهيئة Intlayer باستخدام اللغة من المسار
-	setupIntlayer(data.locale);
-
+  $effect(() => {
+      setupIntlayer(data.locale);
+  });
 	// استخدام قاموس محتوى التخطيط
 	const layoutContent = useIntlayer('layout');
 </script>

package/docs/de/intlayer_cli.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-11
-updatedAt: 2025-07-11
+updatedAt: 2025-11-22
 title: CLI
 description: Entdecken Sie, wie Sie die Intlayer CLI verwenden, um Ihre mehrsprachige Website zu verwalten. Folgen Sie den Schritten in dieser Online-Dokumentation, um Ihr Projekt in wenigen Minuten einzurichten.
 keywords:
@@ -17,6 +17,9 @@ slugs:
   - concept
   - cli
 history:
+  - version: 7.2.3
+    date: 2025-11-22
+    changes: Transform-Befehl hinzufügen
   - version: 5.5.11
     date: 2025-07-11
     changes: Aktualisierung der Dokumentation zu CLI-Befehlsparametern
@@ -312,6 +315,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
 
 Dieser Befehl übersetzt Inhalte von Englisch ins Französische und Spanische für alle Inhaltsdeklarationsdateien im Verzeichnis `src/home/` unter Verwendung des GPT-3.5 Turbo Modells.
 
+### Komponenten transformieren
+
+```bash
+npx intlayer transform
+```
+
+Dieser Befehl analysiert Ihre Codedateien, um bei der Migration bestehender Komponenten zur Verwendung von Intlayer zu helfen. Er unterstützt interaktive Dateiauswahl oder das Anvisieren spezifischer Dateien.
+
+##### Aliase:
+
+- `npx intlayer trans`
+
+##### Argumente:
+
+**Dateiauswahl-Optionen:**
+
+- **`-f, --file [files...]`**: Liste spezifischer Dateien, die transformiert werden sollen. Wenn nicht angegeben, scannt die CLI nach passenden Dateien (`**/*.{tsx,jsx,vue,svelte,ts,js}`) und fordert Sie auf, auszuwählen, welche transformiert werden sollen.
+
+  > Beispiel: `npx intlayer transform -f src/components/MyComponent.tsx`
+
+**Ausgabeoptionen:**
+
+- **`-o, --output-content-declarations [outputContentDeclarations]`**: Verzeichnis zum Speichern der generierten Content-Deklarationsdateien.
+
+  > Beispiel: `npx intlayer transform -o src/content`
+
+**Konfigurationsoptionen:**
+
+- **`--base-dir`**: Geben Sie das Basisverzeichnis für das Projekt an.
+- **`--env`**: Geben Sie die Umgebung an.
+- **`--env-file`**: Geben Sie eine benutzerdefinierte Umgebungsdatei an.
+- **`--verbose`**: Aktivieren Sie ausführliche Protokollierung.
+
 ### Konfiguration verwalten
 
 #### Konfiguration abrufen

package/docs/de/intlayer_with_svelte_kit.md

@@ -42,6 +42,14 @@ Mit Intlayer können Sie:
 
 ## Schritt-für-Schritt-Anleitung zur Einrichtung von Intlayer in einer SvelteKit-Anwendung
 
+<iframe
+  src="https://stackblitz.com/github/aymericzip/intlayer-sveltekit-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="Demo CodeSandbox - Cách quốc tế hóa ứng dụng của bạn bằng Intlayer"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+  loading="lazy"
+/>
+
 Um zu beginnen, erstellen Sie ein neues SvelteKit-Projekt. Hier ist die finale Struktur, die wir erstellen werden:
 
 ```bash
@@ -547,8 +555,9 @@ export const load: Load = ({ params }) => {
 	let { children, data }: { children: Snippet, data: LayoutData } = $props();
 
 	// Initialisiere Intlayer mit der Locale aus der Route
-	setupIntlayer(data.locale);
-
+  $effect(() => {
+      setupIntlayer(data.locale);
+  });
 	// Verwende das Layout-Inhaltsverzeichnis
 	const layoutContent = useIntlayer('layout');
 </script>

package/docs/en/intlayer_cli.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-11
-updatedAt: 2025-01-27
+updatedAt: 2025-11-22
 title: CLI
 description: Discover how to use the Intlayer CLI to manage your multilingual website. Follow the steps in this online documentation to set up your project in a few minutes.
 keywords:
@@ -17,6 +17,9 @@ slugs:
   - concept
   - cli
 history:
+  - version: 7.2.3
+    date: 2025-11-22
+    changes: Add transform command
   - version: 7.1.0
     date: 2025-11-05
     changes: Add skipIfExists option to translate command
@@ -429,6 +432,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
 
 This command will translate content from English to French and Spanish for all content declaration files in the `src/home/` directory using the GPT-3.5 Turbo model.
 
+### Transform components
+
+```bash
+npx intlayer transform
+```
+
+This command analyzes your code files to help migrate existing components to use Intlayer. It supports interactive file selection or specific file targeting.
+
+##### Aliases:
+
+- `npx intlayer trans`
+
+##### Arguments:
+
+**File selection options:**
+
+- **`-f, --file [files...]`**: List of specific files to transform. If not provided, the CLI will scan for matching files (`**/*.{tsx,jsx,vue,svelte,ts,js}`) and prompt you to select which ones to transform.
+
+  > Example: `npx intlayer transform -f src/components/MyComponent.tsx`
+
+**Output options:**
+
+- **`-o, --output-content-declarations [outputContentDeclarations]`**: Directory to save the generated content declaration files.
+
+  > Example: `npx intlayer transform -o src/content`
+
+**Configuration options:**
+
+- **`--base-dir`**: Specify the base directory for the project.
+- **`--env`**: Specify the environment.
+- **`--env-file`**: Provide a custom environment file.
+- **`--verbose`**: Enable verbose logging.
+
 ### Test missing translations
 
 ```bash
@@ -730,6 +766,7 @@ If you activated one of the git options, the command will only review the part o
   "intlayer:fill": "npx intlayer fill",
   "intlayer:list": "npx intlayer content list",
   "intlayer:test": "npx intlayer content test",
+  "intlayer:transform": "npx intlayer transform",
   "intlayer:doc:translate": "npx intlayer doc translate",
   "intlayer:doc:review": "npx intlayer doc review"
 }
@@ -806,6 +843,7 @@ import {
   testMissingTranslations,
   docTranslate,
   docReview,
+  transform,
 } from "@intlayer/cli";
 
 push();
@@ -824,6 +862,8 @@ docTranslate();
 // ...
 docReview();
 // ...
+transform();
+// ...
 ```
 
 ## Debug intlayer command

package/docs/en/intlayer_with_nextjs_16.md

@@ -197,7 +197,7 @@ module.exports = withIntlayer(nextConfig);
 
 > The `withIntlayer()` function is a promise function. It allows to prepare the intlayer dictionaries before the build starts. If you want to use it with other plugins, you can await it. Example:
 >
-> ```tsx
+> ```ts
 > const nextConfig = await withIntlayer(nextConfig);
 > const nextConfigWithOtherPlugins = withOtherPlugins(nextConfig);
 >
@@ -206,13 +206,21 @@ module.exports = withIntlayer(nextConfig);
 >
 > If you want to use it synchronously, you can use the `withIntlayerSync()` function. Example:
 >
-> ```tsx
+> ```ts
 > const nextConfig = withIntlayerSync(nextConfig);
 > const nextConfigWithOtherPlugins = withOtherPlugins(nextConfig);
 >
 > export default nextConfigWithOtherPlugins;
 > ```
 
+> Intlayer automatically detects whether your project is using **webpack** or **Turbopack** based on the command-line flags `--webpack`, `--turbo`, or `--turbopack`, as well as your current **Next.js version**.
+>
+> Since `next>=16`, if you are using **Rspack**, you must explicitly force Intlayer to use the webpack configuration by disabling Turbopack:
+>
+> ```ts
+> withRspack(withIntlayer(nextConfig, { enableTurbopack: false }));
+> ```
+
 ### Step 4: Define Dynamic Locale Routes
 
 Remove everything from `RootLayout` and replace it with the following code:

package/docs/en/intlayer_with_svelte_kit.md

@@ -42,6 +42,16 @@ With Intlayer, you can:
 
 ## Step-by-Step Guide to Set Up Intlayer in a SvelteKit Application
 
+<iframe
+  src="https://stackblitz.com/github/aymericzip/intlayer-sveltekit-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="Demo CodeSandbox - Cách quốc tế hóa ứng dụng của bạn bằng Intlayer"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+  loading="lazy"
+/>
+
+See [Application Template](https://github.com/aymericzip/intlayer-sveltekit-template) on GitHub.
+
 To get started, create a new SvelteKit project. Here is the final structure that we will make:
 
 ```bash
@@ -377,8 +387,9 @@ export const load: Load = ({ params }) => {
 	let { children, data }: { children: Snippet, data: LayoutData } = $props();
 
 	// Initialize Intlayer with the locale from the route
-	setupIntlayer(data.locale);
-
+  $effect(() => {
+      setupIntlayer(data.locale);
+  });
 	// Use the layout content dictionary
 	const layoutContent = useIntlayer('layout');
 </script>

package/docs/en-GB/intlayer_cli.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-11
-updatedAt: 2025-07-11
+updatedAt: 2025-11-22
 title: CLI
 description: Discover how to use the Intlayer CLI to manage your multilingual website. Follow the steps in this online documentation to set up your project in a few minutes.
 keywords:
@@ -17,6 +17,9 @@ slugs:
   - concept
   - cli
 history:
+  - version: 7.2.3
+    date: 2025-11-22
+    changes: Add transform command
   - version: 5.5.11
     date: 2025-07-11
     changes: Update CLI command parameters documentation
@@ -312,6 +315,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
 
 This command will translate content from English to French and Spanish for all content declaration files in the `src/home/` directory using the GPT-3.5 Turbo model.
 
+### Transform components
+
+```bash
+npx intlayer transform
+```
+
+This command analyses your code files to help migrate existing components to use Intlayer. It supports interactive file selection or specific file targeting.
+
+##### Aliases:
+
+- `npx intlayer trans`
+
+##### Arguments:
+
+**File selection options:**
+
+- **`-f, --file [files...]`**: List of specific files to transform. If not provided, the CLI will scan for matching files (`**/*.{tsx,jsx,vue,svelte,ts,js}`) and prompt you to select which ones to transform.
+
+  > Example: `npx intlayer transform -f src/components/MyComponent.tsx`
+
+**Output options:**
+
+- **`-o, --output-content-declarations [outputContentDeclarations]`**: Directory to save the generated content declaration files.
+
+  > Example: `npx intlayer transform -o src/content`
+
+**Configuration options:**
+
+- **`--base-dir`**: Specify the base directory for the project.
+- **`--env`**: Specify the environment.
+- **`--env-file`**: Provide a custom environment file.
+- **`--verbose`**: Enable verbose logging.
+
 ### Manage Configuration
 
 #### Get Configuration

package/docs/en-GB/intlayer_with_svelte_kit.md

@@ -42,6 +42,14 @@ With Intlayer, you can:
 
 ## Step-by-Step Guide to Set Up Intlayer in a SvelteKit Application
 
+<iframe
+  src="https://stackblitz.com/github/aymericzip/intlayer-sveltekit-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="Demo CodeSandbox - Cách quốc tế hóa ứng dụng của bạn bằng Intlayer"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+  loading="lazy"
+/>
+
 To get started, create a new SvelteKit project. Here is the final structure that we will make:
 
 ```bash
@@ -547,8 +555,9 @@ export const load: Load = ({ params }) => {
 	let { children, data }: { children: Snippet, data: LayoutData } = $props();
 
 	// Initialise Intlayer with the locale from the route
-	setupIntlayer(data.locale);
-
+  $effect(() => {
+      setupIntlayer(data.locale);
+  });
 	// Use the layout content dictionary
 	const layoutContent = useIntlayer('layout');
 </script>

package/docs/es/intlayer_cli.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-11
-updatedAt: 2025-07-11
+updatedAt: 2025-11-22
 title: CLI
 description: Descubre cómo usar el CLI de Intlayer para gestionar tu sitio web multilingüe. Sigue los pasos en esta documentación en línea para configurar tu proyecto en pocos minutos.
 keywords:
@@ -17,6 +17,9 @@ slugs:
   - concept
   - cli
 history:
+  - version: 7.2.3
+    date: 2025-11-22
+    changes: Agregar comando transform
   - version: 5.5.11
     date: 2025-07-11
     changes: Actualización de la documentación de parámetros de comandos CLI
@@ -311,6 +314,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
 
 Este comando traducirá el contenido del inglés al francés y español para todos los archivos de declaración de contenido en el directorio `src/home/` usando el modelo GPT-3.5 Turbo.
 
+### Transformar componentes
+
+```bash
+npx intlayer transform
+```
+
+Este comando analiza tus archivos de código para ayudar a migrar componentes existentes para usar Intlayer. Admite selección interactiva de archivos o apuntar a archivos específicos.
+
+##### Alias:
+
+- `npx intlayer trans`
+
+##### Argumentos:
+
+**Opciones de selección de archivos:**
+
+- **`-f, --file [files...]`**: Lista de archivos específicos a transformar. Si no se proporciona, el CLI escaneará archivos coincidentes (`**/*.{tsx,jsx,vue,svelte,ts,js}`) y te pedirá que selecciones cuáles transformar.
+
+  > Ejemplo: `npx intlayer transform -f src/components/MyComponent.tsx`
+
+**Opciones de salida:**
+
+- **`-o, --output-content-declarations [outputContentDeclarations]`**: Directorio para guardar los archivos de declaración de contenido generados.
+
+  > Ejemplo: `npx intlayer transform -o src/content`
+
+**Opciones de configuración:**
+
+- **`--base-dir`**: Especificar el directorio base para el proyecto.
+- **`--env`**: Especificar el entorno.
+- **`--env-file`**: Proporcionar un archivo de entorno personalizado.
+- **`--verbose`**: Habilitar el registro detallado.
+
 ### Gestionar Configuración
 
 #### Obtener Configuración

package/docs/es/intlayer_with_svelte_kit.md

@@ -42,6 +42,14 @@ Con Intlayer, puedes:
 
 ## Guía paso a paso para configurar Intlayer en una aplicación SvelteKit
 
+<iframe
+  src="https://stackblitz.com/github/aymericzip/intlayer-sveltekit-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="Demo CodeSandbox - Cách quốc tế hóa ứng dụng của bạn bằng Intlayer"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+  loading="lazy"
+/>
+
 Para comenzar, crea un nuevo proyecto SvelteKit. Aquí está la estructura final que crearemos:
 
 ```bash
@@ -547,8 +555,9 @@ export const load: Load = ({ params }) => {
 	let { children, data }: { children: Snippet, data: LayoutData } = $props();
 
 	// Inicializar Intlayer con la locale de la ruta
-	setupIntlayer(data.locale);
-
+  $effect(() => {
+      setupIntlayer(data.locale);
+  });
 	// Usar el diccionario de contenido del layout
 	const layoutContent = useIntlayer('layout');
 </script>

package/docs/fr/intlayer_cli.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-11
-updatedAt: 2025-07-11
+updatedAt: 2025-11-22
 title: CLI
 description: Découvrez comment utiliser le CLI Intlayer pour gérer votre site web multilingue. Suivez les étapes de cette documentation en ligne pour configurer votre projet en quelques minutes.
 keywords:
@@ -17,6 +17,9 @@ slugs:
   - concept
   - cli
 history:
+  - version: 7.2.3
+    date: 2025-11-22
+    changes: Ajouter la commande transform
   - version: 5.5.11
     date: 2025-07-11
     changes: Mise à jour de la documentation des paramètres des commandes CLI
@@ -311,6 +314,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
 
 Cette commande traduira le contenu de l'anglais vers le français et l'espagnol pour tous les fichiers de déclaration de contenu dans le répertoire `src/home/` en utilisant le modèle GPT-3.5 Turbo.
 
+### Transformer les composants
+
+```bash
+npx intlayer transform
+```
+
+Cette commande analyse vos fichiers de code pour aider à migrer les composants existants vers l'utilisation d'Intlayer. Elle prend en charge la sélection interactive de fichiers ou le ciblage de fichiers spécifiques.
+
+##### Alias :
+
+- `npx intlayer trans`
+
+##### Arguments :
+
+**Options de sélection de fichiers :**
+
+- **`-f, --file [files...]`** : Liste de fichiers spécifiques à transformer. Si non fourni, le CLI scannera les fichiers correspondants (`**/*.{tsx,jsx,vue,svelte,ts,js}`) et vous invitera à sélectionner ceux à transformer.
+
+  > Exemple : `npx intlayer transform -f src/components/MyComponent.tsx`
+
+**Options de sortie :**
+
+- **`-o, --output-content-declarations [outputContentDeclarations]`** : Répertoire pour enregistrer les fichiers de déclaration de contenu générés.
+
+  > Exemple : `npx intlayer transform -o src/content`
+
+**Options de configuration :**
+
+- **`--base-dir`** : Spécifier le répertoire de base pour le projet.
+- **`--env`** : Spécifier l'environnement.
+- **`--env-file`** : Fournir un fichier d'environnement personnalisé.
+- **`--verbose`** : Activer la journalisation détaillée.
+
 ### Gérer la configuration
 
 #### Obtenir la configuration

package/docs/fr/intlayer_with_svelte_kit.md

@@ -42,6 +42,14 @@ Avec Intlayer, vous pouvez :
 
 ## Guide étape par étape pour configurer Intlayer dans une application SvelteKit
 
+<iframe
+  src="https://stackblitz.com/github/aymericzip/intlayer-sveltekit-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="Demo CodeSandbox - Cách quốc tế hóa ứng dụng của bạn bằng Intlayer"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+  loading="lazy"
+/>
+
 Pour commencer, créez un nouveau projet SvelteKit. Voici la structure finale que nous allons réaliser :
 
 ```bash
@@ -547,8 +555,9 @@ export const load: Load = ({ params }) => {
 	let { children, data }: { children: Snippet, data: LayoutData } = $props();
 
 	// Initialiser Intlayer avec la locale provenant de la route
-	setupIntlayer(data.locale);
-
+  $effect(() => {
+      setupIntlayer(data.locale);
+  });
 	// Utiliser le dictionnaire de contenu du layout
 	const layoutContent = useIntlayer('layout');
 </script>

package/docs/hi/intlayer_cli.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-11
-updatedAt: 2025-07-11
+updatedAt: 2025-11-22
 title: CLI
 description: Intlayer CLI का उपयोग करके अपनी बहुभाषी वेबसाइट का प्रबंधन कैसे करें यह जानें। इस ऑनलाइन दस्तावेज़ में दिए गए चरणों का पालन करके कुछ ही मिनटों में अपना प्रोजेक्ट सेटअप करें।
 keywords:
@@ -17,6 +17,9 @@ slugs:
   - concept
   - cli
 history:
+  - version: 7.2.3
+    date: 2025-11-22
+    changes: transform कमांड जोड़ें
   - version: 5.5.11
     date: 2025-07-11
     changes: CLI कमांड पैरामीटर दस्तावेज़ीकरण अपडेट करें
@@ -313,6 +316,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
 
 यह कमांड `src/home/` निर्देशिका में सभी कंटेंट घोषणा फ़ाइलों के लिए अंग्रेज़ी से फ्रेंच और स्पेनिश में सामग्री का अनुवाद GPT-3.5 टर्बो मॉडल का उपयोग करके करेगा।
 
+### घटकों को रूपांतरित करें
+
+```bash
+npx intlayer transform
+```
+
+यह कमांड मौजूदा घटकों को Intlayer का उपयोग करने के लिए माइग्रेट करने में मदद करने के लिए आपकी कोड फ़ाइलों का विश्लेषण करता है। यह इंटरैक्टिव फ़ाइल चयन या विशिष्ट फ़ाइल लक्ष्यीकरण का समर्थन करता है।
+
+##### उपनाम:
+
+- `npx intlayer trans`
+
+##### तर्क:
+
+**फ़ाइल चयन विकल्प:**
+
+- **`-f, --file [files...]`**: रूपांतरित करने के लिए विशिष्ट फ़ाइलों की सूची। यदि प्रदान नहीं की गई है, तो CLI मिलान करने वाली फ़ाइलों (`**/*.{tsx,jsx,vue,svelte,ts,js}`) को स्कैन करेगा और आपसे चुनने के लिए कहेगा कि कौन सी रूपांतरित करनी है।
+
+  > उदाहरण: `npx intlayer transform -f src/components/MyComponent.tsx`
+
+**आउटपुट विकल्प:**
+
+- **`-o, --output-content-declarations [outputContentDeclarations]`**: उत्पन्न कंटेंट घोषणा फ़ाइलों को सहेजने के लिए निर्देशिका।
+
+  > उदाहरण: `npx intlayer transform -o src/content`
+
+**कॉन्फ़िगरेशन विकल्प:**
+
+- **`--base-dir`**: प्रोजेक्ट के लिए आधार निर्देशिका निर्दिष्ट करें।
+- **`--env`**: पर्यावरण निर्दिष्ट करें।
+- **`--env-file`**: एक कस्टम पर्यावरण फ़ाइल प्रदान करें।
+- **`--verbose`**: विस्तृत लॉगिंग सक्षम करें।
+
 ### कॉन्फ़िगरेशन प्रबंधित करें
 
 #### कॉन्फ़िगरेशन प्राप्त करें

package/docs/hi/intlayer_with_svelte_kit.md

@@ -42,6 +42,14 @@ Intlayer के साथ, आप कर सकते हैं:
 
 ## SvelteKit एप्लिकेशन में Intlayer सेटअप करने के लिए चरण-दर-चरण मार्गदर्शिका
 
+<iframe
+  src="https://stackblitz.com/github/aymericzip/intlayer-sveltekit-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="Demo CodeSandbox - Cách quốc tế hóa ứng dụng của bạn bằng Intlayer"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+  loading="lazy"
+/>
+
 शुरू करने के लिए, एक नया SvelteKit प्रोजेक्ट बनाएं। यहाँ अंतिम संरचना है जिसे हम बनाएंगे:
 
 ```bash
@@ -547,8 +555,9 @@ export const load: Load = ({ params }) => {
 	let { children, data }: { children: Snippet, data: LayoutData } = $props();
 
 	// रूट से locale के साथ Intlayer को इनिशियलाइज़ करें
-	setupIntlayer(data.locale);
-
+  $effect(() => {
+      setupIntlayer(data.locale);
+  });
 	// लेआउट सामग्री शब्दकोश का उपयोग करें
 	const layoutContent = useIntlayer('layout');
 </script>