@intlayer/docs 7.3.12 → 7.3.13

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.
@@ -15,7 +15,7 @@ slugs:
15
15
  - environment
16
16
  - nuxt-and-vue
17
17
  applicationTemplate: https://github.com/aymericzip/intlayer-nuxt-4-template
18
- youtubeVideo: https://www.youtube.com/watch?v=IE3XWkZ6a5U
18
+ youtubeVideo: https://www.youtube.com/watch?v=nhUcUAVQ6eQ
19
19
  history:
20
20
  - version: 7.3.11
21
21
  date: 2025-12-07
@@ -46,20 +46,10 @@ history:
46
46
 
47
47
  ## دليل خطوة بخطوة لإعداد Intlayer في تطبيق Nuxt
48
48
 
49
- <iframe
50
- src="https://stackblitz.com/github/aymericzip/intlayer-nuxt-4-template?embed=1&ctl=1&file=intlayer.config.ts"
51
- className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
52
- title="عرض توضيحي في CodeSandbox - كيفية تدويل تطبيقك باستخدام Intlayer"
53
- sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
54
- loading="lazy"
55
- />
56
-
57
- ### الخطوة 1: تثبيت التبعيات
58
-
59
49
  <Tab defaultTab="video">
60
50
  <TabItem label="فيديو" value="video">
61
51
 
62
- <iframe title="كيفية ترجمة تطبيق Nuxt و Vue الخاص بك باستخدام Intlayer؟ اكتشف Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
52
+ <iframe title="كيفية ترجمة تطبيق Nuxt و Vue الخاص بك باستخدام Intlayer؟ اكتشف Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/nhUcUAVQ6eQ?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
63
53
 
64
54
  </TabItem>
65
55
  <TabItem label="كود" value="code">
@@ -77,6 +67,8 @@ history:
77
67
 
78
68
  راجع [قالب التطبيق](https://github.com/aymericzip/intlayer-nuxt-4-template) على GitHub.
79
69
 
70
+ ### الخطوة 1: تثبيت التبعيات
71
+
80
72
  قم بتثبيت الحزم اللازمة باستخدام npm:
81
73
 
82
74
  ```bash packageManager="npm"
@@ -654,26 +646,6 @@ module.exports = aboutPageContent;
654
646
  }
655
647
  ```
656
648
 
657
- ### تكوين TypeScript
658
-
659
- يستخدم Intlayer توسيع الوحدات (module augmentation) للاستفادة من TypeScript وجعل قاعدة الكود الخاصة بك أقوى.
660
-
661
- ![الإكمال التلقائي](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
662
-
663
- ![خطأ في الترجمة](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
664
-
665
- تأكد من أن تكوين TypeScript الخاص بك يتضمن الأنواع التي تم إنشاؤها تلقائيًا.
666
-
667
- ```json5 fileName="tsconfig.json"
668
- {
669
- // ... تكوينات TypeScript الحالية الخاصة بك
670
- "include": [
671
- // ... تكوينات TypeScript الحالية الخاصة بك
672
- ".intlayer/**/*.ts", // تضمين الأنواع التي تم إنشاؤها تلقائيًا
673
- ],
674
- }
675
- ```
676
-
677
649
  ### تكوين Git
678
650
 
679
651
  يوصى بتجاهل الملفات التي يتم إنشاؤها بواسطة Intlayer. هذا يسمح لك بتجنب الالتزام بها في مستودع Git الخاص بك.
@@ -15,7 +15,7 @@ slugs:
15
15
  - environment
16
16
  - nuxt-and-vue
17
17
  applicationTemplate: https://github.com/aymericzip/intlayer-nuxt-4-template
18
- youtubeVideo: https://www.youtube.com/watch?v=IE3XWkZ6a5U
18
+ youtubeVideo: https://www.youtube.com/watch?v=nhUcUAVQ6eQ
19
19
  history:
20
20
  - version: 7.3.11
21
21
  date: 2025-12-07
@@ -46,20 +46,10 @@ Mit Intlayer können Sie:
46
46
 
47
47
  ## Schritt-für-Schritt-Anleitung zur Einrichtung von Intlayer in einer Nuxt-Anwendung
48
48
 
49
- <iframe
50
- src="https://stackblitz.com/github/aymericzip/intlayer-nuxt-4-template?embed=1&ctl=1&file=intlayer.config.ts"
51
- className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
52
- title="Demo CodeSandbox - Wie Sie Ihre Anwendung mit Intlayer internationalisieren"
53
- sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
54
- loading="lazy"
55
- />
56
-
57
- ### Schritt 1: Abhängigkeiten installieren
58
-
59
49
  <Tab defaultTab="video">
60
50
  <TabItem label="Video" value="video">
61
51
 
62
- <iframe title="Wie übersetzt man seine Nuxt- und Vue-App mit Intlayer? Entdecken Sie Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
52
+ <iframe title="Wie übersetzt man seine Nuxt- und Vue-App mit Intlayer? Entdecken Sie Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/nhUcUAVQ6eQ?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
63
53
 
64
54
  </TabItem>
65
55
  <TabItem label="Code" value="code">
@@ -77,6 +67,8 @@ Mit Intlayer können Sie:
77
67
 
78
68
  Siehe [Application Template](https://github.com/aymericzip/intlayer-nuxt-4-template) auf GitHub.
79
69
 
70
+ ### Schritt 1: Abhängigkeiten installieren
71
+
80
72
  Installieren Sie die notwendigen Pakete mit npm:
81
73
 
82
74
  ```bash packageManager="npm"
@@ -653,26 +645,6 @@ module.exports = aboutPageContent;
653
645
  }
654
646
  ```
655
647
 
656
- ### TypeScript konfigurieren
657
-
658
- Intlayer verwendet Module Augmentation, um die Vorteile von TypeScript zu nutzen und Ihre Codebasis robuster zu machen.
659
-
660
- ![Autovervollständigung](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
661
-
662
- ![Übersetzungsfehler](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
663
-
664
- Stellen Sie sicher, dass Ihre TypeScript-Konfiguration die automatisch generierten Typen einschließt.
665
-
666
- ```json5 fileName="tsconfig.json"
667
- {
668
- // ... Ihre bestehenden TypeScript-Konfigurationen
669
- "include": [
670
- // ... Ihre bestehenden TypeScript-Konfigurationen
671
- ".intlayer/**/*.ts", // Einschließen der automatisch generierten Typen
672
- ],
673
- }
674
- ```
675
-
676
648
  ### Git-Konfiguration
677
649
 
678
650
  Es wird empfohlen, die von Intlayer generierten Dateien zu ignorieren. So vermeiden Sie, diese versehentlich in Ihr Git-Repository zu committen.
@@ -19,7 +19,7 @@ slugs:
19
19
  - environment
20
20
  - vite-and-react
21
21
  - react-router-v7-fs-routes
22
- applicationTemplate: https://github.com/aymericzip/intlayer-react-router-v7-template-fs-routes
22
+ applicationTemplate: https://github.com/aymericzip/intlayer-react-router-v7-fs-routes-template
23
23
  youtubeVideo: https://www.youtube.com/watch?v=dS9L7uJeak4
24
24
  history:
25
25
  - version: 7.3.4
@@ -60,7 +60,7 @@ Mit Intlayer können Sie:
60
60
  <TabItem label="Code" value="code">
61
61
 
62
62
  <iframe
63
- src="https://stackblitz.com/github/aymericzip/intlayer-react-router-v7-template-fs-routes?embed=1&ctl=1&file=intlayer.config.ts"
63
+ src="https://stackblitz.com/github/aymericzip/intlayer-react-router-v7-fs-routes-template?embed=1&ctl=1&file=intlayer.config.ts"
64
64
  className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
65
65
  title="Demo CodeSandbox - How to Internationalize your application using Intlayer"
66
66
  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
@@ -70,7 +70,7 @@ Mit Intlayer können Sie:
70
70
  </TabItem>
71
71
  </Tab>
72
72
 
73
- See [Application Template](https://github.com/aymericzip/intlayer-react-router-v7-template-fs-routes) on GitHub.
73
+ See [Application Template](https://github.com/aymericzip/intlayer-react-router-v7-fs-routes-template) on GitHub.
74
74
 
75
75
  ### Schritt 1: Abhängigkeiten installieren
76
76
 
@@ -15,8 +15,11 @@ slugs:
15
15
  - environment
16
16
  - nuxt-and-vue
17
17
  applicationTemplate: https://github.com/aymericzip/intlayer-nuxt-4-template
18
- youtubeVideo: https://www.youtube.com/watch?v=IE3XWkZ6a5U
18
+ youtubeVideo: https://www.youtube.com/watch?v=nhUcUAVQ6eQ
19
19
  history:
20
+ - version: 7.3.13
21
+ date: 2025-12-08
22
+ changes: Unused TypeScript configuration
20
23
  - version: 7.3.11
21
24
  date: 2025-12-07
22
25
  changes: Update LocaleSwitcher, SEO, metadata
@@ -46,20 +49,10 @@ With Intlayer, you can:
46
49
 
47
50
  ## Step-by-Step Guide to Set Up Intlayer in a Nuxt Application
48
51
 
49
- <iframe
50
- src="https://stackblitz.com/github/aymericzip/intlayer-nuxt-4-template?embed=1&ctl=1&file=intlayer.config.ts"
51
- className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
52
- title="Demo CodeSandbox - How to Internationalize your application using Intlayer"
53
- sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
54
- loading="lazy"
55
- />
56
-
57
- ### Step 1: Install Dependencies
58
-
59
52
  <Tab defaultTab="video">
60
53
  <TabItem label="Video" value="video">
61
54
 
62
- <iframe title="How to translate your Nuxt and Vue app using Intlayer? Discover Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
55
+ <iframe title="How to translate your Nuxt and Vue app using Intlayer? Discover Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/nhUcUAVQ6eQ?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
63
56
 
64
57
  </TabItem>
65
58
  <TabItem label="Code" value="code">
@@ -77,6 +70,8 @@ With Intlayer, you can:
77
70
 
78
71
  See [Application Template](https://github.com/aymericzip/intlayer-nuxt-4-template) on GitHub.
79
72
 
73
+ ### Step 1: Install Dependencies
74
+
80
75
  Install the necessary packages using npm:
81
76
 
82
77
  ```bash packageManager="npm"
@@ -651,26 +646,6 @@ module.exports = aboutPageContent;
651
646
  }
652
647
  ```
653
648
 
654
- ### Configure TypeScript
655
-
656
- Intlayer uses module augmentation to get benefits of TypeScript and make your codebase stronger.
657
-
658
- ![Autocompletion](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
659
-
660
- ![Translation error](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
661
-
662
- Ensure your TypeScript configuration includes the autogenerated types.
663
-
664
- ```json5 fileName="tsconfig.json"
665
- {
666
- // ... Your existing TypeScript configurations
667
- "include": [
668
- // ... Your existing TypeScript configurations
669
- ".intlayer/**/*.ts", // Include the auto-generated types
670
- ],
671
- }
672
- ```
673
-
674
649
  ### Git Configuration
675
650
 
676
651
  It is recommended to ignore the files generated by Intlayer. This allows you to avoid committing them to your Git repository.
@@ -19,7 +19,7 @@ slugs:
19
19
  - environment
20
20
  - vite-and-react
21
21
  - react-router-v7-fs-routes
22
- applicationTemplate: https://github.com/aymericzip/intlayer-react-router-v7-template-fs-routes
22
+ applicationTemplate: https://github.com/aymericzip/intlayer-react-router-v7-fs-routes-template
23
23
  youtubeVideo: https://www.youtube.com/watch?v=dS9L7uJeak4
24
24
  history:
25
25
  - version: 7.3.4
@@ -60,7 +60,7 @@ With Intlayer, you can:
60
60
  <TabItem label="Code" value="code">
61
61
 
62
62
  <iframe
63
- src="https://stackblitz.com/github/aymericzip/intlayer-react-router-v7-template-fs-routes?embed=1&ctl=1&file=intlayer.config.ts"
63
+ src="https://stackblitz.com/github/aymericzip/intlayer-react-router-v7-fs-routes-template?embed=1&ctl=1&file=intlayer.config.ts"
64
64
  className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
65
65
  title="Demo CodeSandbox - How to Internationalize your application using Intlayer"
66
66
  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
@@ -70,7 +70,7 @@ With Intlayer, you can:
70
70
  </TabItem>
71
71
  </Tab>
72
72
 
73
- See [Application Template](https://github.com/aymericzip/intlayer-react-router-v7-template-fs-routes) on GitHub.
73
+ See [Application Template](https://github.com/aymericzip/intlayer-react-router-v7-fs-routes-template) on GitHub.
74
74
 
75
75
  ### Step 1: Install Dependencies
76
76
 
@@ -15,7 +15,7 @@ slugs:
15
15
  - environment
16
16
  - nuxt-and-vue
17
17
  applicationTemplate: https://github.com/aymericzip/intlayer-nuxt-4-template
18
- youtubeVideo: https://www.youtube.com/watch?v=IE3XWkZ6a5U
18
+ youtubeVideo: https://www.youtube.com/watch?v=nhUcUAVQ6eQ
19
19
  history:
20
20
  - version: 7.3.11
21
21
  date: 2025-12-07
@@ -46,20 +46,10 @@ With Intlayer, you can:
46
46
 
47
47
  ## Step-by-Step Guide to Set Up Intlayer in a Nuxt Application
48
48
 
49
- <iframe
50
- src="https://stackblitz.com/github/aymericzip/intlayer-nuxt-4-template?embed=1&ctl=1&file=intlayer.config.ts"
51
- className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
52
- title="Demo CodeSandbox - How to Internationalise your application using Intlayer"
53
- sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
54
- loading="lazy"
55
- />
56
-
57
- ### Step 1: Install Dependencies
58
-
59
49
  <Tab defaultTab="video">
60
50
  <TabItem label="Video" value="video">
61
51
 
62
- <iframe title="How to translate your Nuxt and Vue app using Intlayer? Discover Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
52
+ <iframe title="How to translate your Nuxt and Vue app using Intlayer? Discover Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/nhUcUAVQ6eQ?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
63
53
 
64
54
  </TabItem>
65
55
  <TabItem label="Code" value="code">
@@ -77,6 +67,8 @@ With Intlayer, you can:
77
67
 
78
68
  See [Application Template](https://github.com/aymericzip/intlayer-nuxt-4-template) on GitHub.
79
69
 
70
+ ### Step 1: Install Dependencies
71
+
80
72
  Install the necessary packages using npm:
81
73
 
82
74
  ```bash packageManager="npm"
@@ -659,26 +651,6 @@ module.exports = aboutPageContent;
659
651
  }
660
652
  ```
661
653
 
662
- ### Configure TypeScript
663
-
664
- Intlayer uses module augmentation to gain the benefits of TypeScript and strengthen your codebase.
665
-
666
- ![Autocompletion](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
667
-
668
- ![Translation error](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
669
-
670
- Ensure your TypeScript configuration includes the autogenerated types.
671
-
672
- ```json5 fileName="tsconfig.json"
673
- {
674
- // ... Your existing TypeScript configurations
675
- "include": [
676
- // ... Your existing TypeScript configurations
677
- ".intlayer/**/*.ts", // Include the auto-generated types
678
- ],
679
- }
680
- ```
681
-
682
654
  ### Git Configuration
683
655
 
684
656
  It is recommended to ignore the files generated by Intlayer. This prevents you from committing them to your Git repository.
@@ -15,7 +15,7 @@ slugs:
15
15
  - environment
16
16
  - nuxt-and-vue
17
17
  applicationTemplate: https://github.com/aymericzip/intlayer-nuxt-4-template
18
- youtubeVideo: https://www.youtube.com/watch?v=IE3XWkZ6a5U
18
+ youtubeVideo: https://www.youtube.com/watch?v=nhUcUAVQ6eQ
19
19
  history:
20
20
  - version: 7.3.11
21
21
  date: 2025-12-07
@@ -46,20 +46,10 @@ Con Intlayer, puedes:
46
46
 
47
47
  ## Guía paso a paso para configurar Intlayer en una aplicación Nuxt
48
48
 
49
- <iframe
50
- src="https://stackblitz.com/github/aymericzip/intlayer-nuxt-4-template?embed=1&ctl=1&file=intlayer.config.ts"
51
- className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
52
- title="Demo CodeSandbox - Cómo internacionalizar tu aplicación usando Intlayer"
53
- sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
54
- loading="lazy"
55
- />
56
-
57
- ### Paso 1: Instalar Dependencias
58
-
59
49
  <Tab defaultTab="video">
60
50
  <TabItem label="Video" value="video">
61
51
 
62
- <iframe title="¿Cómo traducir tu aplicación Nuxt y Vue usando Intlayer? Descubre Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
52
+ <iframe title="¿Cómo traducir tu aplicación Nuxt y Vue usando Intlayer? Descubre Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/nhUcUAVQ6eQ?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
63
53
 
64
54
  </TabItem>
65
55
  <TabItem label="Código" value="code">
@@ -77,6 +67,8 @@ Con Intlayer, puedes:
77
67
 
78
68
  Consulta la [Plantilla de Aplicación](https://github.com/aymericzip/intlayer-nuxt-4-template) en GitHub.
79
69
 
70
+ ### Paso 1: Instalar Dependencias
71
+
80
72
  Instala los paquetes necesarios usando npm:
81
73
 
82
74
  ```bash packageManager="npm"
@@ -651,26 +643,6 @@ module.exports = aboutPageContent;
651
643
  }
652
644
  ```
653
645
 
654
- ### Configurar TypeScript
655
-
656
- Intlayer utiliza la ampliación de módulos para aprovechar las ventajas de TypeScript y fortalecer su base de código.
657
-
658
- ![Autocompletado](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
659
-
660
- ![Error de traducción](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
661
-
662
- Asegúrate de que tu configuración de TypeScript incluya los tipos autogenerados.
663
-
664
- ```json5 fileName="tsconfig.json"
665
- {
666
- // ... Tus configuraciones existentes de TypeScript
667
- "include": [
668
- // ... Tus configuraciones existentes de TypeScript
669
- ".intlayer/**/*.ts", // Incluir los tipos autogenerados
670
- ],
671
- }
672
- ```
673
-
674
646
  ### Configuración de Git
675
647
 
676
648
  Se recomienda ignorar los archivos generados por Intlayer. Esto te permite evitar comprometerlos en tu repositorio Git.
@@ -19,7 +19,7 @@ slugs:
19
19
  - environment
20
20
  - vite-and-react
21
21
  - react-router-v7-fs-routes
22
- applicationTemplate: https://github.com/aymericzip/intlayer-react-router-v7-template-fs-routes
22
+ applicationTemplate: https://github.com/aymericzip/intlayer-react-router-v7-fs-routes-template
23
23
  youtubeVideo: https://www.youtube.com/watch?v=dS9L7uJeak4
24
24
  history:
25
25
  - version: 7.3.4
@@ -60,7 +60,7 @@ Con Intlayer, puedes:
60
60
  <TabItem label="Code" value="code">
61
61
 
62
62
  <iframe
63
- src="https://stackblitz.com/github/aymericzip/intlayer-react-router-v7-template-fs-routes?embed=1&ctl=1&file=intlayer.config.ts"
63
+ src="https://stackblitz.com/github/aymericzip/intlayer-react-router-v7-fs-routes-template?embed=1&ctl=1&file=intlayer.config.ts"
64
64
  className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
65
65
  title="Demo CodeSandbox - How to Internationalize your application using Intlayer"
66
66
  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
@@ -70,7 +70,7 @@ Con Intlayer, puedes:
70
70
  </TabItem>
71
71
  </Tab>
72
72
 
73
- See [Application Template](https://github.com/aymericzip/intlayer-react-router-v7-template-fs-routes) on GitHub.
73
+ See [Application Template](https://github.com/aymericzip/intlayer-react-router-v7-fs-routes-template) on GitHub.
74
74
 
75
75
  ### Paso 1: Instalar dependencias
76
76
 
@@ -15,7 +15,7 @@ slugs:
15
15
  - environment
16
16
  - nuxt-and-vue
17
17
  applicationTemplate: https://github.com/aymericzip/intlayer-nuxt-4-template
18
- youtubeVideo: https://www.youtube.com/watch?v=IE3XWkZ6a5U
18
+ youtubeVideo: https://www.youtube.com/watch?v=nhUcUAVQ6eQ
19
19
  history:
20
20
  - version: 7.3.11
21
21
  date: 2025-12-07
@@ -46,20 +46,10 @@ Avec Intlayer, vous pouvez :
46
46
 
47
47
  ## Guide étape par étape pour configurer Intlayer dans une application Nuxt
48
48
 
49
- <iframe
50
- src="https://stackblitz.com/github/aymericzip/intlayer-nuxt-4-template?embed=1&ctl=1&file=intlayer.config.ts"
51
- className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
52
- title="Démo CodeSandbox - Comment internationaliser votre application avec Intlayer"
53
- sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
54
- loading="lazy"
55
- />
56
-
57
- ### Étape 1 : Installer les dépendances
58
-
59
49
  <Tab defaultTab="video">
60
50
  <TabItem label="Vidéo" value="video">
61
51
 
62
- <iframe title="Comment traduire votre application Nuxt et Vue avec Intlayer ? Découvrez Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
52
+ <iframe title="Comment traduire votre application Nuxt et Vue avec Intlayer ? Découvrez Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/nhUcUAVQ6eQ?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
63
53
 
64
54
  </TabItem>
65
55
  <TabItem label="Code" value="code">
@@ -77,6 +67,8 @@ Avec Intlayer, vous pouvez :
77
67
 
78
68
  Voir le [Modèle d'application](https://github.com/aymericzip/intlayer-nuxt-4-template) sur GitHub.
79
69
 
70
+ ### Étape 1 : Installer les dépendances
71
+
80
72
  Installez les paquets nécessaires avec npm :
81
73
 
82
74
  ```bash packageManager="npm"
@@ -652,26 +644,6 @@ module.exports = aboutPageContent;
652
644
  }
653
645
  ```
654
646
 
655
- ### Configurer TypeScript
656
-
657
- Intlayer utilise l'augmentation de module pour bénéficier de TypeScript et renforcer votre base de code.
658
-
659
- ![Autocomplétion](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
660
-
661
- ![Erreur de traduction](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
662
-
663
- Assurez-vous que votre configuration TypeScript inclut les types générés automatiquement.
664
-
665
- ```json5 fileName="tsconfig.json"
666
- {
667
- // ... Vos configurations TypeScript existantes
668
- "include": [
669
- // ... Vos configurations TypeScript existantes
670
- ".intlayer/**/*.ts", // Inclure les types générés automatiquement
671
- ],
672
- }
673
- ```
674
-
675
647
  ### Configuration Git
676
648
 
677
649
  Il est recommandé d'ignorer les fichiers générés par Intlayer. Cela vous permet d'éviter de les committer dans votre dépôt Git.
@@ -19,7 +19,7 @@ slugs:
19
19
  - environment
20
20
  - vite-and-react
21
21
  - react-router-v7-fs-routes
22
- applicationTemplate: https://github.com/aymericzip/intlayer-react-router-v7-template-fs-routes
22
+ applicationTemplate: https://github.com/aymericzip/intlayer-react-router-v7-fs-routes-template
23
23
  youtubeVideo: https://www.youtube.com/watch?v=dS9L7uJeak4
24
24
  history:
25
25
  - version: 7.3.4
@@ -60,7 +60,7 @@ Avec Intlayer, vous pouvez :
60
60
  <TabItem label="Code" value="code">
61
61
 
62
62
  <iframe
63
- src="https://stackblitz.com/github/aymericzip/intlayer-react-router-v7-template-fs-routes?embed=1&ctl=1&file=intlayer.config.ts"
63
+ src="https://stackblitz.com/github/aymericzip/intlayer-react-router-v7-fs-routes-template?embed=1&ctl=1&file=intlayer.config.ts"
64
64
  className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
65
65
  title="Demo CodeSandbox - How to Internationalize your application using Intlayer"
66
66
  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
@@ -70,7 +70,7 @@ Avec Intlayer, vous pouvez :
70
70
  </TabItem>
71
71
  </Tab>
72
72
 
73
- See [Application Template](https://github.com/aymericzip/intlayer-react-router-v7-template-fs-routes) on GitHub.
73
+ See [Application Template](https://github.com/aymericzip/intlayer-react-router-v7-fs-routes-template) on GitHub.
74
74
 
75
75
  ### Étape 1 : Installer les dépendances
76
76
 
@@ -15,7 +15,7 @@ slugs:
15
15
  - environment
16
16
  - nuxt-and-vue
17
17
  applicationTemplate: https://github.com/aymericzip/intlayer-nuxt-4-template
18
- youtubeVideo: https://www.youtube.com/watch?v=IE3XWkZ6a5U
18
+ youtubeVideo: https://www.youtube.com/watch?v=nhUcUAVQ6eQ
19
19
  history:
20
20
  - version: 7.3.11
21
21
  date: 2025-12-07
@@ -46,20 +46,10 @@ Intlayer के साथ, आप कर सकते हैं:
46
46
 
47
47
  ## Nuxt एप्लिकेशन में Intlayer सेटअप करने के लिए चरण-दर-चरण मार्गदर्शिका
48
48
 
49
- <iframe
50
- src="https://stackblitz.com/github/aymericzip/intlayer-nuxt-4-template?embed=1&ctl=1&file=intlayer.config.ts"
51
- className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
52
- title="डेमो कोडसैंडबॉक्स - Intlayer का उपयोग करके अपने एप्लिकेशन का अंतरराष्ट्रीयकरण कैसे करें"
53
- sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
54
- loading="lazy"
55
- />
56
-
57
- ### चरण 1: Dependencies इंस्टॉल करें
58
-
59
49
  <Tab defaultTab="video">
60
50
  <TabItem label="वीडियो" value="video">
61
51
 
62
- <iframe title="अपने Nuxt और Vue ऐप को Intlayer का उपयोग करके कैसे अनुवादित करें? Intlayer की खोज करें" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
52
+ <iframe title="अपने Nuxt और Vue ऐप को Intlayer का उपयोग करके कैसे अनुवादित करें? Intlayer की खोज करें" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/nhUcUAVQ6eQ?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
63
53
 
64
54
  </TabItem>
65
55
  <TabItem label="कोड" value="code">
@@ -77,6 +67,8 @@ Intlayer के साथ, आप कर सकते हैं:
77
67
 
78
68
  GitHub पर [एप्लिकेशन टेम्पलेट](https://github.com/aymericzip/intlayer-nuxt-4-template) देखें।
79
69
 
70
+ ### चरण 1: Dependencies इंस्टॉल करें
71
+
80
72
  npm का उपयोग करके आवश्यक पैकेज इंस्टॉल करें:
81
73
 
82
74
  ```bash packageManager="npm"
@@ -657,26 +649,6 @@ module.exports = aboutPageContent;
657
649
  }
658
650
  ```
659
651
 
660
- ### TypeScript कॉन्फ़िगर करें
661
-
662
- Intlayer TypeScript के लाभ प्राप्त करने और आपके कोडबेस को मजबूत बनाने के लिए module augmentation का उपयोग करता है।
663
-
664
- ![ऑटोकंप्लीशन](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
665
-
666
- ![Translation error](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
667
-
668
- सुनिश्चित करें कि आपकी TypeScript कॉन्फ़िगरेशन में ऑटो-जनरेटेड टाइप्स शामिल हैं।
669
-
670
- ```json5 fileName="tsconfig.json"
671
- {
672
- // ... आपकी मौजूदा TypeScript कॉन्फ़िगरेशन
673
- "include": [
674
- // ... आपकी मौजूदा TypeScript कॉन्फ़िगरेशन
675
- ".intlayer/**/*.ts", // ऑटो-जनरेटेड टाइप्स शामिल करें
676
- ],
677
- }
678
- ```
679
-
680
652
  ### Git कॉन्फ़िगरेशन
681
653
 
682
654
  यह अनुशंसित है कि Intlayer द्वारा जनरेट की गई फाइलों को अनदेखा किया जाए। इससे आप इन्हें अपनी Git रिपॉजिटरी में कमिट करने से बच सकते हैं।
@@ -15,7 +15,7 @@ slugs:
15
15
  - environment
16
16
  - nuxt-and-vue
17
17
  applicationTemplate: https://github.com/aymericzip/intlayer-nuxt-4-template
18
- youtubeVideo: https://www.youtube.com/watch?v=IE3XWkZ6a5U
18
+ youtubeVideo: https://www.youtube.com/watch?v=nhUcUAVQ6eQ
19
19
  history:
20
20
  - version: 7.3.11
21
21
  date: 2025-12-07
@@ -46,20 +46,10 @@ Dengan Intlayer, Anda dapat:
46
46
 
47
47
  ## Panduan Langkah demi Langkah untuk Mengatur Intlayer di Aplikasi Nuxt
48
48
 
49
- <iframe
50
- src="https://stackblitz.com/github/aymericzip/intlayer-nuxt-4-template?embed=1&ctl=1&file=intlayer.config.ts"
51
- className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
52
- title="Demo CodeSandbox - Cara Menginternasionalisasi aplikasi Anda menggunakan Intlayer"
53
- sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
54
- loading="lazy"
55
- />
56
-
57
- ### Langkah 1: Pasang Dependensi
58
-
59
49
  <Tab defaultTab="video">
60
50
  <TabItem label="Video" value="video">
61
51
 
62
- <iframe title="Cara menerjemahkan aplikasi Nuxt dan Vue Anda menggunakan Intlayer? Temukan Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
52
+ <iframe title="Cara menerjemahkan aplikasi Nuxt dan Vue Anda menggunakan Intlayer? Temukan Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/nhUcUAVQ6eQ?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
63
53
 
64
54
  </TabItem>
65
55
  <TabItem label="Kode" value="code">
@@ -77,6 +67,8 @@ Dengan Intlayer, Anda dapat:
77
67
 
78
68
  Lihat [Template Aplikasi](https://github.com/aymericzip/intlayer-nuxt-4-template) di GitHub.
79
69
 
70
+ ### Langkah 1: Pasang Dependensi
71
+
80
72
  Pasang paket yang diperlukan menggunakan npm:
81
73
 
82
74
  ```bash packageManager="npm"
@@ -654,26 +646,6 @@ module.exports = aboutPageContent;
654
646
  }
655
647
  ```
656
648
 
657
- ### Konfigurasi TypeScript
658
-
659
- Intlayer menggunakan module augmentation untuk mendapatkan manfaat dari TypeScript dan membuat codebase Anda lebih kuat.
660
-
661
- ![Autocompletion](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
662
-
663
- ![Kesalahan terjemahan](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
664
-
665
- Pastikan konfigurasi TypeScript Anda menyertakan tipe yang dihasilkan secara otomatis.
666
-
667
- ```json5 fileName="tsconfig.json"
668
- {
669
- // ... Konfigurasi TypeScript Anda yang sudah ada
670
- "include": [
671
- // ... Konfigurasi TypeScript Anda yang sudah ada
672
- ".intlayer/**/*.ts", // Sertakan tipe yang dihasilkan secara otomatis
673
- ],
674
- }
675
- ```
676
-
677
649
  ### Konfigurasi Git
678
650
 
679
651
  Disarankan untuk mengabaikan file yang dihasilkan oleh Intlayer. Ini memungkinkan Anda menghindari meng-commit file tersebut ke repositori Git Anda.