@intlayer/docs 7.2.2 → 7.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/docs/ar/intlayer_cli.md +37 -1
  2. package/docs/ar/intlayer_with_svelte_kit.md +3 -2
  3. package/docs/de/intlayer_cli.md +37 -1
  4. package/docs/de/intlayer_with_svelte_kit.md +3 -2
  5. package/docs/en/intlayer_cli.md +41 -1
  6. package/docs/en/intlayer_with_svelte_kit.md +3 -2
  7. package/docs/en-GB/intlayer_cli.md +37 -1
  8. package/docs/en-GB/intlayer_with_svelte_kit.md +3 -2
  9. package/docs/es/intlayer_cli.md +37 -1
  10. package/docs/es/intlayer_with_svelte_kit.md +3 -2
  11. package/docs/fr/intlayer_cli.md +37 -1
  12. package/docs/fr/intlayer_with_svelte_kit.md +3 -2
  13. package/docs/hi/intlayer_cli.md +37 -1
  14. package/docs/hi/intlayer_with_svelte_kit.md +3 -2
  15. package/docs/id/intlayer_cli.md +37 -1
  16. package/docs/id/intlayer_with_svelte_kit.md +3 -2
  17. package/docs/it/intlayer_cli.md +37 -1
  18. package/docs/it/intlayer_with_svelte_kit.md +3 -2
  19. package/docs/ja/intlayer_cli.md +37 -1
  20. package/docs/ja/intlayer_with_svelte_kit.md +3 -2
  21. package/docs/ko/intlayer_cli.md +37 -1
  22. package/docs/ko/intlayer_with_svelte_kit.md +3 -2
  23. package/docs/pl/intlayer_cli.md +37 -1
  24. package/docs/pl/intlayer_with_svelte_kit.md +3 -2
  25. package/docs/pt/intlayer_cli.md +37 -1
  26. package/docs/pt/intlayer_with_svelte_kit.md +3 -2
  27. package/docs/ru/intlayer_cli.md +37 -1
  28. package/docs/ru/intlayer_with_svelte_kit.md +3 -2
  29. package/docs/tr/intlayer_cli.md +37 -1
  30. package/docs/tr/intlayer_with_svelte_kit.md +3 -2
  31. package/docs/vi/intlayer_cli.md +37 -1
  32. package/docs/vi/intlayer_with_svelte_kit.md +3 -2
  33. package/docs/zh/intlayer_cli.md +37 -1
  34. package/docs/zh/intlayer_with_svelte_kit.md +3 -2
  35. package/package.json +6 -6
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  createdAt: 2024-08-11
3
- updatedAt: 2025-07-11
3
+ updatedAt: 2025-11-22
4
4
  title: CLI
5
5
  description: اكتشف كيفية استخدام واجهة الأوامر الخاصة بـ Intlayer لإدارة موقعك متعدد اللغات. اتبع الخطوات في هذه الوثائق عبر الإنترنت لإعداد مشروعك في دقائق قليلة.
6
6
  keywords:
@@ -17,6 +17,9 @@ slugs:
17
17
  - concept
18
18
  - cli
19
19
  history:
20
+ - version: 7.2.3
21
+ date: 2025-11-22
22
+ changes: إضافة أمر transform
20
23
  - version: 5.5.11
21
24
  date: 2025-07-11
22
25
  changes: تحديث توثيق معلمات أوامر CLI
@@ -311,6 +314,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
311
314
 
312
315
  سيقوم هذا الأمر بترجمة المحتوى من الإنجليزية إلى الفرنسية والإسبانية لجميع ملفات إعلان المحتوى في دليل `src/home/` باستخدام نموذج GPT-3.5 Turbo.
313
316
 
317
+ ### تحويل المكونات
318
+
319
+ ```bash
320
+ npx intlayer transform
321
+ ```
322
+
323
+ يقوم هذا الأمر بتحليل ملفات الكود الخاصة بك للمساعدة في ترحيل المكونات الموجودة لاستخدام Intlayer. يدعم اختيار الملفات التفاعلي أو استهداف ملفات محددة.
324
+
325
+ ##### الأسماء المستعارة:
326
+
327
+ - `npx intlayer trans`
328
+
329
+ ##### الوسائط:
330
+
331
+ **خيارات اختيار الملفات:**
332
+
333
+ - **`-f, --file [files...]`**: قائمة بالملفات المحددة للتحويل. إذا لم يتم توفيرها، سيقوم CLI بفحص الملفات المطابقة (`**/*.{tsx,jsx,vue,svelte,ts,js}`) وسيطالبك باختيار الملفات المراد تحويلها.
334
+
335
+ > مثال: `npx intlayer transform -f src/components/MyComponent.tsx`
336
+
337
+ **خيارات الإخراج:**
338
+
339
+ - **`-o, --output-content-declarations [outputContentDeclarations]`**: الدليل لحفظ ملفات إعلان المحتوى المُنشأة.
340
+
341
+ > مثال: `npx intlayer transform -o src/content`
342
+
343
+ **خيارات التكوين:**
344
+
345
+ - **`--base-dir`**: تحديد الدليل الأساسي للمشروع.
346
+ - **`--env`**: تحديد البيئة.
347
+ - **`--env-file`**: توفير ملف بيئة مخصص.
348
+ - **`--verbose`**: تفعيل التسجيل المفصل.
349
+
314
350
  ### إدارة التكوين
315
351
 
316
352
  #### الحصول على التكوين
@@ -555,8 +555,9 @@ export const load: Load = ({ params }) => {
555
555
  let { children, data }: { children: Snippet, data: LayoutData } = $props();
556
556
 
557
557
  // تهيئة Intlayer باستخدام اللغة من المسار
558
- setupIntlayer(data.locale);
559
-
558
+ $effect(() => {
559
+ setupIntlayer(data.locale);
560
+ });
560
561
  // استخدام قاموس محتوى التخطيط
561
562
  const layoutContent = useIntlayer('layout');
562
563
  </script>
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  createdAt: 2024-08-11
3
- updatedAt: 2025-07-11
3
+ updatedAt: 2025-11-22
4
4
  title: CLI
5
5
  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.
6
6
  keywords:
@@ -17,6 +17,9 @@ slugs:
17
17
  - concept
18
18
  - cli
19
19
  history:
20
+ - version: 7.2.3
21
+ date: 2025-11-22
22
+ changes: Transform-Befehl hinzufügen
20
23
  - version: 5.5.11
21
24
  date: 2025-07-11
22
25
  changes: Aktualisierung der Dokumentation zu CLI-Befehlsparametern
@@ -312,6 +315,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
312
315
 
313
316
  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.
314
317
 
318
+ ### Komponenten transformieren
319
+
320
+ ```bash
321
+ npx intlayer transform
322
+ ```
323
+
324
+ 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.
325
+
326
+ ##### Aliase:
327
+
328
+ - `npx intlayer trans`
329
+
330
+ ##### Argumente:
331
+
332
+ **Dateiauswahl-Optionen:**
333
+
334
+ - **`-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.
335
+
336
+ > Beispiel: `npx intlayer transform -f src/components/MyComponent.tsx`
337
+
338
+ **Ausgabeoptionen:**
339
+
340
+ - **`-o, --output-content-declarations [outputContentDeclarations]`**: Verzeichnis zum Speichern der generierten Content-Deklarationsdateien.
341
+
342
+ > Beispiel: `npx intlayer transform -o src/content`
343
+
344
+ **Konfigurationsoptionen:**
345
+
346
+ - **`--base-dir`**: Geben Sie das Basisverzeichnis für das Projekt an.
347
+ - **`--env`**: Geben Sie die Umgebung an.
348
+ - **`--env-file`**: Geben Sie eine benutzerdefinierte Umgebungsdatei an.
349
+ - **`--verbose`**: Aktivieren Sie ausführliche Protokollierung.
350
+
315
351
  ### Konfiguration verwalten
316
352
 
317
353
  #### Konfiguration abrufen
@@ -555,8 +555,9 @@ export const load: Load = ({ params }) => {
555
555
  let { children, data }: { children: Snippet, data: LayoutData } = $props();
556
556
 
557
557
  // Initialisiere Intlayer mit der Locale aus der Route
558
- setupIntlayer(data.locale);
559
-
558
+ $effect(() => {
559
+ setupIntlayer(data.locale);
560
+ });
560
561
  // Verwende das Layout-Inhaltsverzeichnis
561
562
  const layoutContent = useIntlayer('layout');
562
563
  </script>
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  createdAt: 2024-08-11
3
- updatedAt: 2025-01-27
3
+ updatedAt: 2025-11-22
4
4
  title: CLI
5
5
  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.
6
6
  keywords:
@@ -17,6 +17,9 @@ slugs:
17
17
  - concept
18
18
  - cli
19
19
  history:
20
+ - version: 7.2.3
21
+ date: 2025-11-22
22
+ changes: Add transform command
20
23
  - version: 7.1.0
21
24
  date: 2025-11-05
22
25
  changes: Add skipIfExists option to translate command
@@ -429,6 +432,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
429
432
 
430
433
  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.
431
434
 
435
+ ### Transform components
436
+
437
+ ```bash
438
+ npx intlayer transform
439
+ ```
440
+
441
+ This command analyzes your code files to help migrate existing components to use Intlayer. It supports interactive file selection or specific file targeting.
442
+
443
+ ##### Aliases:
444
+
445
+ - `npx intlayer trans`
446
+
447
+ ##### Arguments:
448
+
449
+ **File selection options:**
450
+
451
+ - **`-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.
452
+
453
+ > Example: `npx intlayer transform -f src/components/MyComponent.tsx`
454
+
455
+ **Output options:**
456
+
457
+ - **`-o, --output-content-declarations [outputContentDeclarations]`**: Directory to save the generated content declaration files.
458
+
459
+ > Example: `npx intlayer transform -o src/content`
460
+
461
+ **Configuration options:**
462
+
463
+ - **`--base-dir`**: Specify the base directory for the project.
464
+ - **`--env`**: Specify the environment.
465
+ - **`--env-file`**: Provide a custom environment file.
466
+ - **`--verbose`**: Enable verbose logging.
467
+
432
468
  ### Test missing translations
433
469
 
434
470
  ```bash
@@ -730,6 +766,7 @@ If you activated one of the git options, the command will only review the part o
730
766
  "intlayer:fill": "npx intlayer fill",
731
767
  "intlayer:list": "npx intlayer content list",
732
768
  "intlayer:test": "npx intlayer content test",
769
+ "intlayer:transform": "npx intlayer transform",
733
770
  "intlayer:doc:translate": "npx intlayer doc translate",
734
771
  "intlayer:doc:review": "npx intlayer doc review"
735
772
  }
@@ -806,6 +843,7 @@ import {
806
843
  testMissingTranslations,
807
844
  docTranslate,
808
845
  docReview,
846
+ transform,
809
847
  } from "@intlayer/cli";
810
848
 
811
849
  push();
@@ -824,6 +862,8 @@ docTranslate();
824
862
  // ...
825
863
  docReview();
826
864
  // ...
865
+ transform();
866
+ // ...
827
867
  ```
828
868
 
829
869
  ## Debug intlayer command
@@ -387,8 +387,9 @@ export const load: Load = ({ params }) => {
387
387
  let { children, data }: { children: Snippet, data: LayoutData } = $props();
388
388
 
389
389
  // Initialize Intlayer with the locale from the route
390
- setupIntlayer(data.locale);
391
-
390
+ $effect(() => {
391
+ setupIntlayer(data.locale);
392
+ });
392
393
  // Use the layout content dictionary
393
394
  const layoutContent = useIntlayer('layout');
394
395
  </script>
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  createdAt: 2024-08-11
3
- updatedAt: 2025-07-11
3
+ updatedAt: 2025-11-22
4
4
  title: CLI
5
5
  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.
6
6
  keywords:
@@ -17,6 +17,9 @@ slugs:
17
17
  - concept
18
18
  - cli
19
19
  history:
20
+ - version: 7.2.3
21
+ date: 2025-11-22
22
+ changes: Add transform command
20
23
  - version: 5.5.11
21
24
  date: 2025-07-11
22
25
  changes: Update CLI command parameters documentation
@@ -312,6 +315,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
312
315
 
313
316
  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.
314
317
 
318
+ ### Transform components
319
+
320
+ ```bash
321
+ npx intlayer transform
322
+ ```
323
+
324
+ This command analyses your code files to help migrate existing components to use Intlayer. It supports interactive file selection or specific file targeting.
325
+
326
+ ##### Aliases:
327
+
328
+ - `npx intlayer trans`
329
+
330
+ ##### Arguments:
331
+
332
+ **File selection options:**
333
+
334
+ - **`-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.
335
+
336
+ > Example: `npx intlayer transform -f src/components/MyComponent.tsx`
337
+
338
+ **Output options:**
339
+
340
+ - **`-o, --output-content-declarations [outputContentDeclarations]`**: Directory to save the generated content declaration files.
341
+
342
+ > Example: `npx intlayer transform -o src/content`
343
+
344
+ **Configuration options:**
345
+
346
+ - **`--base-dir`**: Specify the base directory for the project.
347
+ - **`--env`**: Specify the environment.
348
+ - **`--env-file`**: Provide a custom environment file.
349
+ - **`--verbose`**: Enable verbose logging.
350
+
315
351
  ### Manage Configuration
316
352
 
317
353
  #### Get Configuration
@@ -555,8 +555,9 @@ export const load: Load = ({ params }) => {
555
555
  let { children, data }: { children: Snippet, data: LayoutData } = $props();
556
556
 
557
557
  // Initialise Intlayer with the locale from the route
558
- setupIntlayer(data.locale);
559
-
558
+ $effect(() => {
559
+ setupIntlayer(data.locale);
560
+ });
560
561
  // Use the layout content dictionary
561
562
  const layoutContent = useIntlayer('layout');
562
563
  </script>
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  createdAt: 2024-08-11
3
- updatedAt: 2025-07-11
3
+ updatedAt: 2025-11-22
4
4
  title: CLI
5
5
  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.
6
6
  keywords:
@@ -17,6 +17,9 @@ slugs:
17
17
  - concept
18
18
  - cli
19
19
  history:
20
+ - version: 7.2.3
21
+ date: 2025-11-22
22
+ changes: Agregar comando transform
20
23
  - version: 5.5.11
21
24
  date: 2025-07-11
22
25
  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
311
314
 
312
315
  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.
313
316
 
317
+ ### Transformar componentes
318
+
319
+ ```bash
320
+ npx intlayer transform
321
+ ```
322
+
323
+ 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.
324
+
325
+ ##### Alias:
326
+
327
+ - `npx intlayer trans`
328
+
329
+ ##### Argumentos:
330
+
331
+ **Opciones de selección de archivos:**
332
+
333
+ - **`-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.
334
+
335
+ > Ejemplo: `npx intlayer transform -f src/components/MyComponent.tsx`
336
+
337
+ **Opciones de salida:**
338
+
339
+ - **`-o, --output-content-declarations [outputContentDeclarations]`**: Directorio para guardar los archivos de declaración de contenido generados.
340
+
341
+ > Ejemplo: `npx intlayer transform -o src/content`
342
+
343
+ **Opciones de configuración:**
344
+
345
+ - **`--base-dir`**: Especificar el directorio base para el proyecto.
346
+ - **`--env`**: Especificar el entorno.
347
+ - **`--env-file`**: Proporcionar un archivo de entorno personalizado.
348
+ - **`--verbose`**: Habilitar el registro detallado.
349
+
314
350
  ### Gestionar Configuración
315
351
 
316
352
  #### Obtener Configuración
@@ -555,8 +555,9 @@ export const load: Load = ({ params }) => {
555
555
  let { children, data }: { children: Snippet, data: LayoutData } = $props();
556
556
 
557
557
  // Inicializar Intlayer con la locale de la ruta
558
- setupIntlayer(data.locale);
559
-
558
+ $effect(() => {
559
+ setupIntlayer(data.locale);
560
+ });
560
561
  // Usar el diccionario de contenido del layout
561
562
  const layoutContent = useIntlayer('layout');
562
563
  </script>
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  createdAt: 2024-08-11
3
- updatedAt: 2025-07-11
3
+ updatedAt: 2025-11-22
4
4
  title: CLI
5
5
  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.
6
6
  keywords:
@@ -17,6 +17,9 @@ slugs:
17
17
  - concept
18
18
  - cli
19
19
  history:
20
+ - version: 7.2.3
21
+ date: 2025-11-22
22
+ changes: Ajouter la commande transform
20
23
  - version: 5.5.11
21
24
  date: 2025-07-11
22
25
  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
311
314
 
312
315
  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.
313
316
 
317
+ ### Transformer les composants
318
+
319
+ ```bash
320
+ npx intlayer transform
321
+ ```
322
+
323
+ 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.
324
+
325
+ ##### Alias :
326
+
327
+ - `npx intlayer trans`
328
+
329
+ ##### Arguments :
330
+
331
+ **Options de sélection de fichiers :**
332
+
333
+ - **`-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.
334
+
335
+ > Exemple : `npx intlayer transform -f src/components/MyComponent.tsx`
336
+
337
+ **Options de sortie :**
338
+
339
+ - **`-o, --output-content-declarations [outputContentDeclarations]`** : Répertoire pour enregistrer les fichiers de déclaration de contenu générés.
340
+
341
+ > Exemple : `npx intlayer transform -o src/content`
342
+
343
+ **Options de configuration :**
344
+
345
+ - **`--base-dir`** : Spécifier le répertoire de base pour le projet.
346
+ - **`--env`** : Spécifier l'environnement.
347
+ - **`--env-file`** : Fournir un fichier d'environnement personnalisé.
348
+ - **`--verbose`** : Activer la journalisation détaillée.
349
+
314
350
  ### Gérer la configuration
315
351
 
316
352
  #### Obtenir la configuration
@@ -555,8 +555,9 @@ export const load: Load = ({ params }) => {
555
555
  let { children, data }: { children: Snippet, data: LayoutData } = $props();
556
556
 
557
557
  // Initialiser Intlayer avec la locale provenant de la route
558
- setupIntlayer(data.locale);
559
-
558
+ $effect(() => {
559
+ setupIntlayer(data.locale);
560
+ });
560
561
  // Utiliser le dictionnaire de contenu du layout
561
562
  const layoutContent = useIntlayer('layout');
562
563
  </script>
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  createdAt: 2024-08-11
3
- updatedAt: 2025-07-11
3
+ updatedAt: 2025-11-22
4
4
  title: CLI
5
5
  description: Intlayer CLI का उपयोग करके अपनी बहुभाषी वेबसाइट का प्रबंधन कैसे करें यह जानें। इस ऑनलाइन दस्तावेज़ में दिए गए चरणों का पालन करके कुछ ही मिनटों में अपना प्रोजेक्ट सेटअप करें।
6
6
  keywords:
@@ -17,6 +17,9 @@ slugs:
17
17
  - concept
18
18
  - cli
19
19
  history:
20
+ - version: 7.2.3
21
+ date: 2025-11-22
22
+ changes: transform कमांड जोड़ें
20
23
  - version: 5.5.11
21
24
  date: 2025-07-11
22
25
  changes: CLI कमांड पैरामीटर दस्तावेज़ीकरण अपडेट करें
@@ -313,6 +316,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
313
316
 
314
317
  यह कमांड `src/home/` निर्देशिका में सभी कंटेंट घोषणा फ़ाइलों के लिए अंग्रेज़ी से फ्रेंच और स्पेनिश में सामग्री का अनुवाद GPT-3.5 टर्बो मॉडल का उपयोग करके करेगा।
315
318
 
319
+ ### घटकों को रूपांतरित करें
320
+
321
+ ```bash
322
+ npx intlayer transform
323
+ ```
324
+
325
+ यह कमांड मौजूदा घटकों को Intlayer का उपयोग करने के लिए माइग्रेट करने में मदद करने के लिए आपकी कोड फ़ाइलों का विश्लेषण करता है। यह इंटरैक्टिव फ़ाइल चयन या विशिष्ट फ़ाइल लक्ष्यीकरण का समर्थन करता है।
326
+
327
+ ##### उपनाम:
328
+
329
+ - `npx intlayer trans`
330
+
331
+ ##### तर्क:
332
+
333
+ **फ़ाइल चयन विकल्प:**
334
+
335
+ - **`-f, --file [files...]`**: रूपांतरित करने के लिए विशिष्ट फ़ाइलों की सूची। यदि प्रदान नहीं की गई है, तो CLI मिलान करने वाली फ़ाइलों (`**/*.{tsx,jsx,vue,svelte,ts,js}`) को स्कैन करेगा और आपसे चुनने के लिए कहेगा कि कौन सी रूपांतरित करनी है।
336
+
337
+ > उदाहरण: `npx intlayer transform -f src/components/MyComponent.tsx`
338
+
339
+ **आउटपुट विकल्प:**
340
+
341
+ - **`-o, --output-content-declarations [outputContentDeclarations]`**: उत्पन्न कंटेंट घोषणा फ़ाइलों को सहेजने के लिए निर्देशिका।
342
+
343
+ > उदाहरण: `npx intlayer transform -o src/content`
344
+
345
+ **कॉन्फ़िगरेशन विकल्प:**
346
+
347
+ - **`--base-dir`**: प्रोजेक्ट के लिए आधार निर्देशिका निर्दिष्ट करें।
348
+ - **`--env`**: पर्यावरण निर्दिष्ट करें।
349
+ - **`--env-file`**: एक कस्टम पर्यावरण फ़ाइल प्रदान करें।
350
+ - **`--verbose`**: विस्तृत लॉगिंग सक्षम करें।
351
+
316
352
  ### कॉन्फ़िगरेशन प्रबंधित करें
317
353
 
318
354
  #### कॉन्फ़िगरेशन प्राप्त करें
@@ -555,8 +555,9 @@ export const load: Load = ({ params }) => {
555
555
  let { children, data }: { children: Snippet, data: LayoutData } = $props();
556
556
 
557
557
  // रूट से locale के साथ Intlayer को इनिशियलाइज़ करें
558
- setupIntlayer(data.locale);
559
-
558
+ $effect(() => {
559
+ setupIntlayer(data.locale);
560
+ });
560
561
  // लेआउट सामग्री शब्दकोश का उपयोग करें
561
562
  const layoutContent = useIntlayer('layout');
562
563
  </script>
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  createdAt: 2024-08-11
3
- updatedAt: 2025-01-27
3
+ updatedAt: 2025-11-22
4
4
  title: CLI
5
5
  description: Temukan cara menggunakan Intlayer CLI untuk mengelola situs web multibahasa Anda. Ikuti langkah-langkah dalam dokumentasi daring ini untuk mengatur proyek Anda dalam beberapa menit.
6
6
  keywords:
@@ -17,6 +17,9 @@ slugs:
17
17
  - concept
18
18
  - cli
19
19
  history:
20
+ - version: 7.2.3
21
+ date: 2025-11-22
22
+ changes: Tambahkan perintah transform
20
23
  - version: 6.1.4
21
24
  date: 2025-01-27
22
25
  changes: Menambahkan alias untuk argumen dan perintah CLI
@@ -426,6 +429,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
426
429
 
427
430
  Perintah ini akan menerjemahkan konten dari bahasa Inggris ke bahasa Perancis dan Spanyol untuk semua file deklarasi konten di direktori `src/home/` menggunakan model GPT-3.5 Turbo.
428
431
 
432
+ ### Transformasi komponen
433
+
434
+ ```bash
435
+ npx intlayer transform
436
+ ```
437
+
438
+ Perintah ini menganalisis file kode Anda untuk membantu memigrasikan komponen yang ada untuk menggunakan Intlayer. Ini mendukung pemilihan file interaktif atau menargetkan file tertentu.
439
+
440
+ ##### Alias:
441
+
442
+ - `npx intlayer trans`
443
+
444
+ ##### Argumen:
445
+
446
+ **Opsi pemilihan file:**
447
+
448
+ - **`-f, --file [files...]`**: Daftar file tertentu untuk ditransformasi. Jika tidak disediakan, CLI akan memindai file yang cocok (`**/*.{tsx,jsx,vue,svelte,ts,js}`) dan meminta Anda untuk memilih mana yang akan ditransformasi.
449
+
450
+ > Contoh: `npx intlayer transform -f src/components/MyComponent.tsx`
451
+
452
+ **Opsi output:**
453
+
454
+ - **`-o, --output-content-declarations [outputContentDeclarations]`**: Direktori untuk menyimpan file deklarasi konten yang dihasilkan.
455
+
456
+ > Contoh: `npx intlayer transform -o src/content`
457
+
458
+ **Opsi konfigurasi:**
459
+
460
+ - **`--base-dir`**: Tentukan direktori dasar untuk proyek.
461
+ - **`--env`**: Tentukan lingkungan.
462
+ - **`--env-file`**: Berikan file lingkungan khusus.
463
+ - **`--verbose`**: Aktifkan logging verbose.
464
+
429
465
  ### Uji terjemahan yang hilang
430
466
 
431
467
  ```bash
@@ -555,8 +555,9 @@ export const load: Load = ({ params }) => {
555
555
  let { children, data }: { children: Snippet, data: LayoutData } = $props();
556
556
 
557
557
  // Inisialisasi Intlayer dengan locale dari route
558
- setupIntlayer(data.locale);
559
-
558
+ $effect(() => {
559
+ setupIntlayer(data.locale);
560
+ });
560
561
  // Gunakan kamus konten layout
561
562
  const layoutContent = useIntlayer('layout');
562
563
  </script>
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  createdAt: 2024-08-11
3
- updatedAt: 2025-07-11
3
+ updatedAt: 2025-11-22
4
4
  title: CLI
5
5
  description: Scopri come utilizzare la CLI di Intlayer per gestire il tuo sito web multilingue. Segui i passaggi in questa documentazione online per configurare il tuo progetto in pochi minuti.
6
6
  keywords:
@@ -17,6 +17,9 @@ slugs:
17
17
  - concept
18
18
  - cli
19
19
  history:
20
+ - version: 7.2.3
21
+ date: 2025-11-22
22
+ changes: Aggiungere comando transform
20
23
  - version: 5.5.11
21
24
  date: 2025-07-11
22
25
  changes: Aggiornamento della documentazione dei parametri dei comandi CLI
@@ -307,6 +310,39 @@ Questo comando analizza i tuoi file di dichiarazione dei contenuti per individua
307
310
 
308
311
  Questo comando tradurrà il contenuto dall'inglese al francese e allo spagnolo per tutti i file di dichiarazione del contenuto nella directory `src/home/` utilizzando il modello GPT-3.5 Turbo.
309
312
 
313
+ ### Trasformare i componenti
314
+
315
+ ```bash
316
+ npx intlayer transform
317
+ ```
318
+
319
+ Questo comando analizza i tuoi file di codice per aiutare a migrare i componenti esistenti per utilizzare Intlayer. Supporta la selezione interattiva dei file o il targeting di file specifici.
320
+
321
+ ##### Alias:
322
+
323
+ - `npx intlayer trans`
324
+
325
+ ##### Argomenti:
326
+
327
+ **Opzioni di selezione file:**
328
+
329
+ - **`-f, --file [files...]`**: Elenco di file specifici da trasformare. Se non fornito, la CLI scannerà i file corrispondenti (`**/*.{tsx,jsx,vue,svelte,ts,js}`) e ti chiederà di selezionare quali trasformare.
330
+
331
+ > Esempio: `npx intlayer transform -f src/components/MyComponent.tsx`
332
+
333
+ **Opzioni di output:**
334
+
335
+ - **`-o, --output-content-declarations [outputContentDeclarations]`**: Directory per salvare i file di dichiarazione del contenuto generati.
336
+
337
+ > Esempio: `npx intlayer transform -o src/content`
338
+
339
+ **Opzioni di configurazione:**
340
+
341
+ - **`--base-dir`**: Specificare la directory base per il progetto.
342
+ - **`--env`**: Specificare l'ambiente.
343
+ - **`--env-file`**: Fornire un file di ambiente personalizzato.
344
+ - **`--verbose`**: Abilitare la registrazione dettagliata.
345
+
310
346
  ### Gestire la Configurazione
311
347
 
312
348
  #### Ottenere la Configurazione
@@ -555,8 +555,9 @@ export const load: Load = ({ params }) => {
555
555
  let { children, data }: { children: Snippet, data: LayoutData } = $props();
556
556
 
557
557
  // Inizializza Intlayer con la locale dalla route
558
- setupIntlayer(data.locale);
559
-
558
+ $effect(() => {
559
+ setupIntlayer(data.locale);
560
+ });
560
561
  // Usa il dizionario dei contenuti del layout
561
562
  const layoutContent = useIntlayer('layout');
562
563
  </script>
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  createdAt: 2024-08-11
3
- updatedAt: 2025-07-11
3
+ updatedAt: 2025-11-22
4
4
  title: CLI
5
5
  description: Intlayer CLIを使用して多言語ウェブサイトを管理する方法をご紹介します。このオンラインドキュメントの手順に従って、数分でプロジェクトをセットアップしましょう。
6
6
  keywords:
@@ -17,6 +17,9 @@ slugs:
17
17
  - concept
18
18
  - cli
19
19
  history:
20
+ - version: 7.2.3
21
+ date: 2025-11-22
22
+ changes: transformコマンドを追加
20
23
  - version: 5.5.11
21
24
  date: 2025-07-11
22
25
  changes: CLIコマンドパラメータのドキュメントを更新
@@ -313,6 +316,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
313
316
 
314
317
  このコマンドは、`src/home/` ディレクトリ内のすべてのコンテンツ宣言ファイルに対して、GPT-3.5 Turboモデルを使用して英語からフランス語およびスペイン語への翻訳を行います。
315
318
 
319
+ ### コンポーネントの変換
320
+
321
+ ```bash
322
+ npx intlayer transform
323
+ ```
324
+
325
+ このコマンドは、既存のコンポーネントをIntlayerを使用するように移行するために、コードファイルを分析します。対話的なファイル選択または特定のファイルのターゲット指定をサポートします。
326
+
327
+ ##### エイリアス:
328
+
329
+ - `npx intlayer trans`
330
+
331
+ ##### 引数:
332
+
333
+ **ファイル選択オプション:**
334
+
335
+ - **`-f, --file [files...]`**: 変換する特定のファイルのリスト。指定しない場合、CLIは一致するファイル(`**/*.{tsx,jsx,vue,svelte,ts,js}`)をスキャンし、変換するファイルを選択するよう促します。
336
+
337
+ > 例: `npx intlayer transform -f src/components/MyComponent.tsx`
338
+
339
+ **出力オプション:**
340
+
341
+ - **`-o, --output-content-declarations [outputContentDeclarations]`**: 生成されたコンテンツ宣言ファイルを保存するディレクトリ。
342
+
343
+ > 例: `npx intlayer transform -o src/content`
344
+
345
+ **設定オプション:**
346
+
347
+ - **`--base-dir`**: プロジェクトのベースディレクトリを指定します。
348
+ - **`--env`**: 環境を指定します。
349
+ - **`--env-file`**: カスタム環境ファイルを提供します。
350
+ - **`--verbose`**: 詳細なログ出力を有効にします。
351
+
316
352
  ### 設定の管理
317
353
 
318
354
  #### 設定の取得
@@ -555,8 +555,9 @@ export const load: Load = ({ params }) => {
555
555
  let { children, data }: { children: Snippet, data: LayoutData } = $props();
556
556
 
557
557
  // ルートからのロケールでIntlayerを初期化
558
- setupIntlayer(data.locale);
559
-
558
+ $effect(() => {
559
+ setupIntlayer(data.locale);
560
+ });
560
561
  // レイアウトのコンテンツ辞書を使用
561
562
  const layoutContent = useIntlayer('layout');
562
563
  </script>
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  createdAt: 2024-08-11
3
- updatedAt: 2025-07-11
3
+ updatedAt: 2025-11-22
4
4
  title: CLI
5
5
  description: Intlayer CLI를 사용하여 다국어 웹사이트를 관리하는 방법을 알아보세요. 이 온라인 문서의 단계를 따라 몇 분 만에 프로젝트를 설정할 수 있습니다.
6
6
  keywords:
@@ -17,6 +17,9 @@ slugs:
17
17
  - concept
18
18
  - cli
19
19
  history:
20
+ - version: 7.2.3
21
+ date: 2025-11-22
22
+ changes: transform 명령어 추가
20
23
  - version: 5.5.11
21
24
  date: 2025-07-11
22
25
  changes: CLI 명령어 매개변수 문서 업데이트
@@ -311,6 +314,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
311
314
 
312
315
  이 명령어는 `src/home/` 디렉토리에 있는 모든 콘텐츠 선언 파일을 대상으로 GPT-3.5 Turbo 모델을 사용하여 영어에서 프랑스어와 스페인어로 콘텐츠를 번역합니다.
313
316
 
317
+ ### 컴포넌트 변환
318
+
319
+ ```bash
320
+ npx intlayer transform
321
+ ```
322
+
323
+ 이 명령어는 기존 컴포넌트를 Intlayer를 사용하도록 마이그레이션하는 데 도움을 주기 위해 코드 파일을 분석합니다. 대화형 파일 선택 또는 특정 파일 타겟팅을 지원합니다.
324
+
325
+ ##### 별칭:
326
+
327
+ - `npx intlayer trans`
328
+
329
+ ##### 인수:
330
+
331
+ **파일 선택 옵션:**
332
+
333
+ - **`-f, --file [files...]`**: 변환할 특정 파일 목록. 제공되지 않으면 CLI가 일치하는 파일(`**/*.{tsx,jsx,vue,svelte,ts,js}`)을 스캔하고 변환할 파일을 선택하도록 요청합니다.
334
+
335
+ > 예시: `npx intlayer transform -f src/components/MyComponent.tsx`
336
+
337
+ **출력 옵션:**
338
+
339
+ - **`-o, --output-content-declarations [outputContentDeclarations]`**: 생성된 콘텐츠 선언 파일을 저장할 디렉토리.
340
+
341
+ > 예시: `npx intlayer transform -o src/content`
342
+
343
+ **구성 옵션:**
344
+
345
+ - **`--base-dir`**: 프로젝트의 기본 디렉토리를 지정합니다.
346
+ - **`--env`**: 환경을 지정합니다.
347
+ - **`--env-file`**: 사용자 정의 환경 파일을 제공합니다.
348
+ - **`--verbose`**: 상세한 로깅을 활성화합니다.
349
+
314
350
  ### 구성 관리
315
351
 
316
352
  #### 구성 가져오기
@@ -555,8 +555,9 @@ export const load: Load = ({ params }) => {
555
555
  let { children, data }: { children: Snippet, data: LayoutData } = $props();
556
556
 
557
557
  // 경로에서 로케일로 Intlayer 초기화
558
- setupIntlayer(data.locale);
559
-
558
+ $effect(() => {
559
+ setupIntlayer(data.locale);
560
+ });
560
561
  // 레이아웃 콘텐츠 사전 사용
561
562
  const layoutContent = useIntlayer('layout');
562
563
  </script>
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  createdAt: 2024-08-11
3
- updatedAt: 2025-01-27
3
+ updatedAt: 2025-11-22
4
4
  title: CLI
5
5
  description: Odkryj, jak używać Intlayer CLI do zarządzania swoją wielojęzyczną stroną internetową. Postępuj zgodnie z krokami w tej dokumentacji online, aby skonfigurować swój projekt w kilka minut.
6
6
  keywords:
@@ -17,6 +17,9 @@ slugs:
17
17
  - concept
18
18
  - cli
19
19
  history:
20
+ - version: 7.2.3
21
+ date: 2025-11-22
22
+ changes: Dodaj polecenie transform
20
23
  - version: 7.1.0
21
24
  date: 2025-11-05
22
25
  changes: Dodano opcję skipIfExists do polecenia translate
@@ -429,6 +432,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
429
432
 
430
433
  To polecenie przetłumaczy zawartość z angielskiego na francuski i hiszpański dla wszystkich plików deklaracji zawartości w katalogu `src/home/` używając modelu GPT-3.5 Turbo.
431
434
 
435
+ ### Przekształć komponenty
436
+
437
+ ```bash
438
+ npx intlayer transform
439
+ ```
440
+
441
+ To polecenie analizuje pliki kodu, aby pomóc w migracji istniejących komponentów do używania Intlayer. Obsługuje interaktywny wybór plików lub wskazywanie konkretnych plików.
442
+
443
+ ##### Aliasy:
444
+
445
+ - `npx intlayer trans`
446
+
447
+ ##### Argumenty:
448
+
449
+ **Opcje wyboru plików:**
450
+
451
+ - **`-f, --file [files...]`**: Lista konkretnych plików do przekształcenia. Jeśli nie podano, CLI przeskanuje pasujące pliki (`**/*.{tsx,jsx,vue,svelte,ts,js}`) i poprosi o wybór, które przekształcić.
452
+
453
+ > Przykład: `npx intlayer transform -f src/components/MyComponent.tsx`
454
+
455
+ **Opcje wyjścia:**
456
+
457
+ - **`-o, --output-content-declarations [outputContentDeclarations]`**: Katalog do zapisania wygenerowanych plików deklaracji zawartości.
458
+
459
+ > Przykład: `npx intlayer transform -o src/content`
460
+
461
+ **Opcje konfiguracji:**
462
+
463
+ - **`--base-dir`**: Określ katalog bazowy projektu.
464
+ - **`--env`**: Określ środowisko.
465
+ - **`--env-file`**: Podaj niestandardowy plik środowiskowy.
466
+ - **`--verbose`**: Włącz szczegółowe logowanie.
467
+
432
468
  ### Testuj brakujące tłumaczenia
433
469
 
434
470
  ```bash
@@ -557,8 +557,9 @@ export const load: Load = ({ params }) => {
557
557
  let { children, data }: { children: Snippet, data: LayoutData } = $props();
558
558
 
559
559
  // Inicjalizuj Intlayer z lokalizacją z trasy
560
- setupIntlayer(data.locale);
561
-
560
+ $effect(() => {
561
+ setupIntlayer(data.locale);
562
+ });
562
563
  // Użyj słownika zawartości layoutu
563
564
  const layoutContent = useIntlayer('layout');
564
565
  </script>
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  createdAt: 2024-08-11
3
- updatedAt: 2025-07-11
3
+ updatedAt: 2025-11-22
4
4
  title: CLI
5
5
  description: Descubra como usar o Intlayer CLI para gerenciar seu site multilíngue. Siga os passos nesta documentação online para configurar seu projeto em poucos minutos.
6
6
  keywords:
@@ -17,6 +17,9 @@ slugs:
17
17
  - concept
18
18
  - cli
19
19
  history:
20
+ - version: 7.2.3
21
+ date: 2025-11-22
22
+ changes: Adicionar comando transform
20
23
  - version: 5.5.11
21
24
  date: 2025-07-11
22
25
  changes: Atualização da documentação dos parâmetros dos comandos CLI
@@ -312,6 +315,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
312
315
 
313
316
  Este comando irá traduzir o conteúdo do inglês para francês e espanhol para todos os arquivos de declaração de conteúdo no diretório `src/home/` usando o modelo GPT-3.5 Turbo.
314
317
 
318
+ ### Transformar componentes
319
+
320
+ ```bash
321
+ npx intlayer transform
322
+ ```
323
+
324
+ Este comando analisa seus arquivos de código para ajudar a migrar componentes existentes para usar Intlayer. Ele suporta seleção interativa de arquivos ou direcionamento de arquivos específicos.
325
+
326
+ ##### Alias:
327
+
328
+ - `npx intlayer trans`
329
+
330
+ ##### Argumentos:
331
+
332
+ **Opções de seleção de arquivos:**
333
+
334
+ - **`-f, --file [files...]`**: Lista de arquivos específicos para transformar. Se não fornecido, o CLI irá escanear arquivos correspondentes (`**/*.{tsx,jsx,vue,svelte,ts,js}`) e solicitar que você selecione quais transformar.
335
+
336
+ > Exemplo: `npx intlayer transform -f src/components/MyComponent.tsx`
337
+
338
+ **Opções de saída:**
339
+
340
+ - **`-o, --output-content-declarations [outputContentDeclarations]`**: Diretório para salvar os arquivos de declaração de conteúdo gerados.
341
+
342
+ > Exemplo: `npx intlayer transform -o src/content`
343
+
344
+ **Opções de configuração:**
345
+
346
+ - **`--base-dir`**: Especificar o diretório base para o projeto.
347
+ - **`--env`**: Especificar o ambiente.
348
+ - **`--env-file`**: Fornecer um arquivo de ambiente personalizado.
349
+ - **`--verbose`**: Habilitar registro detalhado.
350
+
315
351
  ### Gerenciar Configuração
316
352
 
317
353
  #### Obter Configuração
@@ -557,8 +557,9 @@ export const load: Load = ({ params }) => {
557
557
  let { children, data }: { children: Snippet, data: LayoutData } = $props();
558
558
 
559
559
  // Inicializar o Intlayer com a locale da rota
560
- setupIntlayer(data.locale);
561
-
560
+ $effect(() => {
561
+ setupIntlayer(data.locale);
562
+ });
562
563
  // Usar o dicionário de conteúdo do layout
563
564
  const layoutContent = useIntlayer('layout');
564
565
  </script>
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  createdAt: 2024-08-11
3
- updatedAt: 2025-01-27
3
+ updatedAt: 2025-11-22
4
4
  title: CLI
5
5
  description: Узнайте, как использовать Intlayer CLI для управления вашим многоязычным сайтом. Следуйте шагам в этой онлайн-документации, чтобы настроить ваш проект за несколько минут.
6
6
  keywords:
@@ -17,6 +17,9 @@ slugs:
17
17
  - concept
18
18
  - cli
19
19
  history:
20
+ - version: 7.2.3
21
+ date: 2025-11-22
22
+ changes: Добавлена команда transform
20
23
  - version: 7.1.0
21
24
  date: 2025-11-05
22
25
  changes: Добавлена опция skipIfExists для команды translate
@@ -429,6 +432,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
429
432
 
430
433
  Эта команда переведёт содержимое с английского на французский и испанский для всех файлов декларации контента в директории `src/home/`, используя модель GPT-3.5 Turbo.
431
434
 
435
+ ### Преобразование компонентов
436
+
437
+ ```bash
438
+ npx intlayer transform
439
+ ```
440
+
441
+ Эта команда анализирует ваши файлы кода, чтобы помочь мигрировать существующие компоненты для использования Intlayer. Она поддерживает интерактивный выбор файлов или указание конкретных файлов.
442
+
443
+ ##### Псевдонимы:
444
+
445
+ - `npx intlayer trans`
446
+
447
+ ##### Аргументы:
448
+
449
+ **Опции выбора файлов:**
450
+
451
+ - **`-f, --file [files...]`**: Список конкретных файлов для преобразования. Если не указано, CLI просканирует соответствующие файлы (`**/*.{tsx,jsx,vue,svelte,ts,js}`) и предложит выбрать, какие из них преобразовать.
452
+
453
+ > Пример: `npx intlayer transform -f src/components/MyComponent.tsx`
454
+
455
+ **Опции вывода:**
456
+
457
+ - **`-o, --output-content-declarations [outputContentDeclarations]`**: Директория для сохранения сгенерированных файлов декларации контента.
458
+
459
+ > Пример: `npx intlayer transform -o src/content`
460
+
461
+ **Опции конфигурации:**
462
+
463
+ - **`--base-dir`**: Указать базовую директорию для проекта.
464
+ - **`--env`**: Указать окружение.
465
+ - **`--env-file`**: Предоставить пользовательский файл окружения.
466
+ - **`--verbose`**: Включить подробное логирование.
467
+
432
468
  ### Тест отсутствующих переводов
433
469
 
434
470
  ```bash
@@ -555,8 +555,9 @@ export const load: Load = ({ params }) => {
555
555
  let { children, data }: { children: Snippet, data: LayoutData } = $props();
556
556
 
557
557
  // Инициализация Intlayer с локалью из маршрута
558
- setupIntlayer(data.locale);
559
-
558
+ $effect(() => {
559
+ setupIntlayer(data.locale);
560
+ });
560
561
  // Использование словаря контента для layout
561
562
  const layoutContent = useIntlayer('layout');
562
563
  </script>
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  createdAt: 2025-09-07
3
- updatedAt: 2025-09-07
3
+ updatedAt: 2025-11-22
4
4
  title: CLI
5
5
  description: Çok dilli web sitenizi yönetmek için Intlayer CLI'yi nasıl kullanacağınızı keşfedin. Bu çevrimiçi dokümantasyondaki adımları takip ederek projenizi birkaç dakikada kurun.
6
6
  keywords:
@@ -17,6 +17,9 @@ slugs:
17
17
  - concept
18
18
  - cli
19
19
  history:
20
+ - version: 7.2.3
21
+ date: 2025-11-22
22
+ changes: transform komutu ekle
20
23
  - version: 5.5.11
21
24
  date: 2025-07-11
22
25
  changes: CLI komut parametreleri dokümantasyonunu güncelle
@@ -311,6 +314,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
311
314
 
312
315
  Bu komut `src/home/` dizinindeki tüm içerik bildirim dosyaları için içeriği İngilizce'den Fransızca ve İspanyolca'ya GPT-3.5 Turbo modeli kullanarak çevirecektir.
313
316
 
317
+ ### Bileşenleri dönüştür
318
+
319
+ ```bash
320
+ npx intlayer transform
321
+ ```
322
+
323
+ Bu komut, mevcut bileşenleri Intlayer kullanmaya geçirmeye yardımcı olmak için kod dosyalarınızı analiz eder. İnteraktif dosya seçimi veya belirli dosya hedefleme desteği sağlar.
324
+
325
+ ##### Takma adlar:
326
+
327
+ - `npx intlayer trans`
328
+
329
+ ##### Argümanlar:
330
+
331
+ **Dosya seçim seçenekleri:**
332
+
333
+ - **`-f, --file [files...]`**: Dönüştürülecek belirli dosyaların listesi. Sağlanmazsa, CLI eşleşen dosyaları (`**/*.{tsx,jsx,vue,svelte,ts,js}`) tarayacak ve hangilerini dönüştüreceğinizi seçmenizi isteyecektir.
334
+
335
+ > Örnek: `npx intlayer transform -f src/components/MyComponent.tsx`
336
+
337
+ **Çıktı seçenekleri:**
338
+
339
+ - **`-o, --output-content-declarations [outputContentDeclarations]`**: Oluşturulan içerik bildirim dosyalarını kaydetmek için dizin.
340
+
341
+ > Örnek: `npx intlayer transform -o src/content`
342
+
343
+ **Yapılandırma seçenekleri:**
344
+
345
+ - **`--base-dir`**: Proje için temel dizini belirtin.
346
+ - **`--env`**: Ortamı belirtin.
347
+ - **`--env-file`**: Özel bir ortam dosyası sağlayın.
348
+ - **`--verbose`**: Ayrıntılı günlüğe kaydetmeyi etkinleştirin.
349
+
314
350
  ### Konfigürasyonu Yönetin
315
351
 
316
352
  #### Konfigürasyonu Alın
@@ -555,8 +555,9 @@ export const load: Load = ({ params }) => {
555
555
  let { children, data }: { children: Snippet, data: LayoutData } = $props();
556
556
 
557
557
  // Yönlendirmeden alınan locale ile Intlayer'ı başlat
558
- setupIntlayer(data.locale);
559
-
558
+ $effect(() => {
559
+ setupIntlayer(data.locale);
560
+ });
560
561
  // Layout içerik sözlüğünü kullan
561
562
  const layoutContent = useIntlayer('layout');
562
563
  </script>
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  createdAt: 2024-08-11
3
- updatedAt: 2025-01-27
3
+ updatedAt: 2025-11-22
4
4
  title: CLI
5
5
  description: Khám phá cách sử dụng Intlayer CLI để quản lý trang web đa ngôn ngữ của bạn. Làm theo các bước trong tài liệu trực tuyến này để thiết lập dự án của bạn trong vài phút.
6
6
  keywords:
@@ -17,6 +17,9 @@ slugs:
17
17
  - concept
18
18
  - cli
19
19
  history:
20
+ - version: 7.2.3
21
+ date: 2025-11-22
22
+ changes: Thêm lệnh transform
20
23
  - version: 6.1.4
21
24
  date: 2025-01-27
22
25
  changes: Thêm bí danh cho các đối số và lệnh CLI
@@ -426,6 +429,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
426
429
 
427
430
  Lệnh này sẽ dịch nội dung từ tiếng Anh sang tiếng Pháp và tiếng Tây Ban Nha cho tất cả các file khai báo nội dung trong thư mục `src/home/` sử dụng mô hình GPT-3.5 Turbo.
428
431
 
432
+ ### Chuyển đổi thành phần
433
+
434
+ ```bash
435
+ npx intlayer transform
436
+ ```
437
+
438
+ Lệnh này phân tích các file mã của bạn để giúp di chuyển các thành phần hiện có sang sử dụng Intlayer. Nó hỗ trợ lựa chọn file tương tác hoặc nhắm mục tiêu file cụ thể.
439
+
440
+ ##### Bí danh:
441
+
442
+ - `npx intlayer trans`
443
+
444
+ ##### Đối số:
445
+
446
+ **Tùy chọn lựa chọn file:**
447
+
448
+ - **`-f, --file [files...]`**: Danh sách các file cụ thể cần chuyển đổi. Nếu không được cung cấp, CLI sẽ quét các file khớp (`**/*.{tsx,jsx,vue,svelte,ts,js}`) và nhắc bạn chọn file nào cần chuyển đổi.
449
+
450
+ > Ví dụ: `npx intlayer transform -f src/components/MyComponent.tsx`
451
+
452
+ **Tùy chọn đầu ra:**
453
+
454
+ - **`-o, --output-content-declarations [outputContentDeclarations]`**: Thư mục để lưu các file khai báo nội dung đã tạo.
455
+
456
+ > Ví dụ: `npx intlayer transform -o src/content`
457
+
458
+ **Tùy chọn cấu hình:**
459
+
460
+ - **`--base-dir`**: Chỉ định thư mục cơ sở cho dự án.
461
+ - **`--env`**: Chỉ định môi trường.
462
+ - **`--env-file`**: Cung cấp file môi trường tùy chỉnh.
463
+ - **`--verbose`**: Bật ghi log chi tiết.
464
+
429
465
  ### Kiểm tra bản dịch còn thiếu
430
466
 
431
467
  ```bash
@@ -555,8 +555,9 @@ export const load: Load = ({ params }) => {
555
555
  let { children, data }: { children: Snippet, data: LayoutData } = $props();
556
556
 
557
557
  // Khởi tạo Intlayer với locale lấy từ route
558
- setupIntlayer(data.locale);
559
-
558
+ $effect(() => {
559
+ setupIntlayer(data.locale);
560
+ });
560
561
  // Sử dụng từ điển nội dung layout
561
562
  const layoutContent = useIntlayer('layout');
562
563
  </script>
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  createdAt: 2024-08-11
3
- updatedAt: 2025-07-11
3
+ updatedAt: 2025-11-22
4
4
  title: CLI
5
5
  description: 了解如何使用 Intlayer CLI 来管理您的多语言网站。按照本在线文档中的步骤,几分钟内即可设置您的项目。
6
6
  keywords:
@@ -17,6 +17,9 @@ slugs:
17
17
  - concept
18
18
  - cli
19
19
  history:
20
+ - version: 7.2.3
21
+ date: 2025-11-22
22
+ changes: 添加 transform 命令
20
23
  - version: 5.5.11
21
24
  date: 2025-07-11
22
25
  changes: 更新 CLI 命令参数文档
@@ -310,6 +313,39 @@ npx intlayer fill --file src/home/*.content.ts --source-locale en --output-local
310
313
 
311
314
  此命令将使用 GPT-3.5 Turbo 模型,将 `src/home/` 目录下所有内容声明文件的内容从英语翻译成法语和西班牙语。
312
315
 
316
+ ### 转换组件
317
+
318
+ ```bash
319
+ npx intlayer transform
320
+ ```
321
+
322
+ 此命令分析您的代码文件,以帮助将现有组件迁移到使用 Intlayer。它支持交互式文件选择或指定特定文件。
323
+
324
+ ##### 别名:
325
+
326
+ - `npx intlayer trans`
327
+
328
+ ##### 参数:
329
+
330
+ **文件选择选项:**
331
+
332
+ - **`-f, --file [files...]`**: 要转换的特定文件列表。如果未提供,CLI 将扫描匹配的文件(`**/*.{tsx,jsx,vue,svelte,ts,js}`)并提示您选择要转换的文件。
333
+
334
+ > 示例: `npx intlayer transform -f src/components/MyComponent.tsx`
335
+
336
+ **输出选项:**
337
+
338
+ - **`-o, --output-content-declarations [outputContentDeclarations]`**: 保存生成的内容声明文件的目录。
339
+
340
+ > 示例: `npx intlayer transform -o src/content`
341
+
342
+ **配置选项:**
343
+
344
+ - **`--base-dir`**: 指定项目的基础目录。
345
+ - **`--env`**: 指定环境。
346
+ - **`--env-file`**: 提供自定义环境文件。
347
+ - **`--verbose`**: 启用详细日志记录。
348
+
313
349
  ### 管理配置
314
350
 
315
351
  #### 获取配置
@@ -555,8 +555,9 @@ export const load: Load = ({ params }) => {
555
555
  let { children, data }: { children: Snippet, data: LayoutData } = $props();
556
556
 
557
557
  // 使用路由中的 locale 初始化 Intlayer
558
- setupIntlayer(data.locale);
559
-
558
+ $effect(() => {
559
+ setupIntlayer(data.locale);
560
+ });
560
561
  // 使用布局内容字典
561
562
  const layoutContent = useIntlayer('layout');
562
563
  </script>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@intlayer/docs",
3
- "version": "7.2.2",
3
+ "version": "7.2.3",
4
4
  "private": false,
5
5
  "description": "Intlayer documentation",
6
6
  "keywords": [
@@ -72,13 +72,13 @@
72
72
  "watch": "webpack --config ./webpack.config.ts --watch"
73
73
  },
74
74
  "dependencies": {
75
- "@intlayer/config": "7.2.2",
76
- "@intlayer/core": "7.2.1",
77
- "@intlayer/types": "7.2.2"
75
+ "@intlayer/config": "7.2.3",
76
+ "@intlayer/core": "7.2.3",
77
+ "@intlayer/types": "7.2.3"
78
78
  },
79
79
  "devDependencies": {
80
- "@intlayer/api": "7.2.2",
81
- "@intlayer/cli": "7.2.2",
80
+ "@intlayer/api": "7.2.3",
81
+ "@intlayer/cli": "7.2.3",
82
82
  "@types/node": "24.10.1",
83
83
  "@utils/ts-config": "1.0.4",
84
84
  "@utils/ts-config-types": "1.0.4",