@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.
- package/docs/ar/intlayer_with_nuxt.md +4 -32
- package/docs/de/intlayer_with_nuxt.md +4 -32
- package/docs/de/intlayer_with_react_router_v7_fs_routes.md +3 -3
- package/docs/en/intlayer_with_nuxt.md +7 -32
- package/docs/en/intlayer_with_react_router_v7_fs_routes.md +3 -3
- package/docs/en-GB/intlayer_with_nuxt.md +4 -32
- package/docs/es/intlayer_with_nuxt.md +4 -32
- package/docs/es/intlayer_with_react_router_v7_fs_routes.md +3 -3
- package/docs/fr/intlayer_with_nuxt.md +4 -32
- package/docs/fr/intlayer_with_react_router_v7_fs_routes.md +3 -3
- package/docs/hi/intlayer_with_nuxt.md +4 -32
- package/docs/id/intlayer_with_nuxt.md +4 -32
- package/docs/it/intlayer_with_nuxt.md +4 -32
- package/docs/it/intlayer_with_react_router_v7_fs_routes.md +3 -3
- package/docs/ja/intlayer_with_nuxt.md +4 -32
- package/docs/ja/intlayer_with_react_router_v7_fs_routes.md +3 -3
- package/docs/ko/intlayer_with_nuxt.md +4 -32
- package/docs/pl/intlayer_with_nuxt.md +4 -32
- package/docs/pl/intlayer_with_react_router_v7_fs_routes.md +3 -3
- package/docs/pt/intlayer_with_nuxt.md +4 -32
- package/docs/ru/intlayer_with_nuxt.md +4 -32
- package/docs/ru/intlayer_with_react_router_v7_fs_routes.md +3 -3
- package/docs/tr/intlayer_with_nuxt.md +4 -32
- package/docs/tr/intlayer_with_react_router_v7_fs_routes.md +3 -3
- package/docs/vi/intlayer_with_nuxt.md +4 -32
- package/docs/zh/intlayer_with_nuxt.md +4 -32
- package/package.json +10 -11
|
@@ -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=
|
|
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/
|
|
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&origin=http://intlayer.org&controls=0&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
|
-

|
|
662
|
-
|
|
663
|
-

|
|
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=
|
|
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/
|
|
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&origin=http://intlayer.org&controls=0&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
|
-

|
|
661
|
-
|
|
662
|
-

|
|
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-
|
|
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-
|
|
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-
|
|
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=
|
|
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/
|
|
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&origin=http://intlayer.org&controls=0&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
|
-

|
|
659
|
-
|
|
660
|
-

|
|
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-
|
|
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-
|
|
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-
|
|
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=
|
|
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/
|
|
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&origin=http://intlayer.org&controls=0&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
|
-

|
|
667
|
-
|
|
668
|
-

|
|
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=
|
|
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/
|
|
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&origin=http://intlayer.org&controls=0&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
|
-

|
|
659
|
-
|
|
660
|
-

|
|
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-
|
|
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-
|
|
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-
|
|
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=
|
|
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/
|
|
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&origin=http://intlayer.org&controls=0&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
|
-

|
|
660
|
-
|
|
661
|
-

|
|
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-
|
|
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-
|
|
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-
|
|
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=
|
|
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/
|
|
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&origin=http://intlayer.org&controls=0&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
|
-

|
|
665
|
-
|
|
666
|
-

|
|
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=
|
|
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/
|
|
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&origin=http://intlayer.org&controls=0&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
|
-

|
|
662
|
-
|
|
663
|
-

|
|
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.
|