@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 @@ Con Intlayer, puoi:
|
|
|
46
46
|
|
|
47
47
|
## Guida passo-passo per configurare Intlayer in un'applicazione 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 - Come internazionalizzare la tua applicazione usando Intlayer"
|
|
53
|
-
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
|
|
54
|
-
loading="lazy"
|
|
55
|
-
/>
|
|
56
|
-
|
|
57
|
-
### Passo 1: Installa le dipendenze
|
|
58
|
-
|
|
59
49
|
<Tab defaultTab="video">
|
|
60
50
|
<TabItem label="Video" value="video">
|
|
61
51
|
|
|
62
|
-
<iframe title="Come tradurre la tua app Nuxt e Vue usando Intlayer? Scopri 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="Come tradurre la tua app Nuxt e Vue usando Intlayer? Scopri 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="Codice" value="code">
|
|
@@ -77,6 +67,8 @@ Con Intlayer, puoi:
|
|
|
77
67
|
|
|
78
68
|
Vedi il [Template dell'Applicazione](https://github.com/aymericzip/intlayer-nuxt-4-template) su GitHub.
|
|
79
69
|
|
|
70
|
+
### Passo 1: Installa le dipendenze
|
|
71
|
+
|
|
80
72
|
Installa i pacchetti necessari usando npm:
|
|
81
73
|
|
|
82
74
|
```bash packageManager="npm"
|
|
@@ -661,26 +653,6 @@ module.exports = aboutPageContent;
|
|
|
661
653
|
}
|
|
662
654
|
```
|
|
663
655
|
|
|
664
|
-
### Configurare TypeScript
|
|
665
|
-
|
|
666
|
-
Intlayer utilizza l'augmentation dei moduli per sfruttare i vantaggi di TypeScript e rendere la tua codebase più robusta.
|
|
667
|
-
|
|
668
|
-

|
|
669
|
-
|
|
670
|
-

|
|
671
|
-
|
|
672
|
-
Assicurati che la tua configurazione TypeScript includa i tipi generati automaticamente.
|
|
673
|
-
|
|
674
|
-
```json5 fileName="tsconfig.json"
|
|
675
|
-
{
|
|
676
|
-
// ... Le tue configurazioni TypeScript esistenti
|
|
677
|
-
"include": [
|
|
678
|
-
// ... Le tue configurazioni TypeScript esistenti
|
|
679
|
-
".intlayer/**/*.ts", // Includi i tipi generati automaticamente
|
|
680
|
-
],
|
|
681
|
-
}
|
|
682
|
-
```
|
|
683
|
-
|
|
684
656
|
### Configurazione Git
|
|
685
657
|
|
|
686
658
|
Si consiglia di ignorare i file generati da Intlayer. Questo ti permette di evitare di committarli nel tuo repository 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, puoi:
|
|
|
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, puoi:
|
|
|
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
|
### Passo 1: Installare le dipendenze
|
|
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="デモ 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 @@ Intlayerを使うことで、以下が可能になります:
|
|
|
77
67
|
|
|
78
68
|
GitHubの[アプリケーションテンプレート](https://github.com/aymericzip/intlayer-nuxt-4-template)を参照してください。
|
|
79
69
|
|
|
70
|
+
### ステップ1: 依存関係のインストール
|
|
71
|
+
|
|
80
72
|
npmを使って必要なパッケージをインストールします:
|
|
81
73
|
|
|
82
74
|
```bash packageManager="npm"
|
|
@@ -656,26 +648,6 @@ module.exports = aboutPageContent;
|
|
|
656
648
|
}
|
|
657
649
|
```
|
|
658
650
|
|
|
659
|
-
### TypeScriptの設定
|
|
660
|
-
|
|
661
|
-
Intlayerはモジュール拡張を使用してTypeScriptの利点を活かし、コードベースをより強固にします。
|
|
662
|
-
|
|
663
|
-

|
|
664
|
-
|
|
665
|
-

|
|
666
|
-
|
|
667
|
-
TypeScriptの設定に自動生成された型が含まれていることを確認してください。
|
|
668
|
-
|
|
669
|
-
```json5 fileName="tsconfig.json"
|
|
670
|
-
{
|
|
671
|
-
// ... 既存のTypeScript設定
|
|
672
|
-
"include": [
|
|
673
|
-
// ... 既存のTypeScript設定
|
|
674
|
-
".intlayer/**/*.ts", // 自動生成された型を含める
|
|
675
|
-
],
|
|
676
|
-
}
|
|
677
|
-
```
|
|
678
|
-
|
|
679
651
|
### Gitの設定
|
|
680
652
|
|
|
681
653
|
Intlayerによって生成されたファイルは無視することを推奨します。これにより、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 @@ Intlayerを使うことで、以下が可能になります:
|
|
|
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 @@ Intlayerを使うことで、以下が可能になります:
|
|
|
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
|
### ステップ1: 依存パッケージのインストール
|
|
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="데모 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="Intlayer를 사용하여 Nuxt 및 Vue 앱을 번역하는 방법? 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="Intlayer를 사용하여 Nuxt 및 Vue 앱을 번역하는 방법? 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단계: 의존성 설치
|
|
71
|
+
|
|
80
72
|
npm을 사용하여 필요한 패키지를 설치하세요:
|
|
81
73
|
|
|
82
74
|
```bash packageManager="npm"
|
|
@@ -656,26 +648,6 @@ module.exports = aboutPageContent;
|
|
|
656
648
|
}
|
|
657
649
|
```
|
|
658
650
|
|
|
659
|
-
### TypeScript 구성
|
|
660
|
-
|
|
661
|
-
Intlayer는 모듈 증강(module augmentation)을 사용하여 TypeScript의 이점을 활용하고 코드베이스를 더욱 견고하게 만듭니다.
|
|
662
|
-
|
|
663
|
-

|
|
664
|
-
|
|
665
|
-

|
|
666
|
-
|
|
667
|
-
TypeScript 설정에 자동 생성된 타입들이 포함되어 있는지 확인하세요.
|
|
668
|
-
|
|
669
|
-
```json5 fileName="tsconfig.json"
|
|
670
|
-
{
|
|
671
|
-
// ... 기존 TypeScript 설정
|
|
672
|
-
"include": [
|
|
673
|
-
// ... 기존 TypeScript 설정
|
|
674
|
-
".intlayer/**/*.ts", // 자동 생성된 타입 포함
|
|
675
|
-
],
|
|
676
|
-
}
|
|
677
|
-
```
|
|
678
|
-
|
|
679
651
|
### Git 설정
|
|
680
652
|
|
|
681
653
|
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 @@ Dzięki Intlayer możesz:
|
|
|
46
46
|
|
|
47
47
|
## Przewodnik krok po kroku, jak skonfigurować Intlayer w aplikacji 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 - Jak internacjonalizować swoją aplikację za pomocą Intlayer"
|
|
53
|
-
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
|
|
54
|
-
loading="lazy"
|
|
55
|
-
/>
|
|
56
|
-
|
|
57
|
-
### Krok 1: Zainstaluj zależności
|
|
58
|
-
|
|
59
49
|
<Tab defaultTab="video">
|
|
60
50
|
<TabItem label="Wideo" value="video">
|
|
61
51
|
|
|
62
|
-
<iframe title="Jak przetłumaczyć swoją aplikację Nuxt i Vue za pomocą Intlayer? Odkryj 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="Jak przetłumaczyć swoją aplikację Nuxt i Vue za pomocą Intlayer? Odkryj 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="Kod" value="code">
|
|
@@ -77,6 +67,8 @@ Dzięki Intlayer możesz:
|
|
|
77
67
|
|
|
78
68
|
Zobacz [Szablon aplikacji](https://github.com/aymericzip/intlayer-nuxt-4-template) na GitHub.
|
|
79
69
|
|
|
70
|
+
### Krok 1: Zainstaluj zależności
|
|
71
|
+
|
|
80
72
|
Zainstaluj niezbędne pakiety za pomocą npm:
|
|
81
73
|
|
|
82
74
|
```bash packageManager="npm"
|
|
@@ -657,26 +649,6 @@ module.exports = aboutPageContent;
|
|
|
657
649
|
}
|
|
658
650
|
```
|
|
659
651
|
|
|
660
|
-
### Konfiguracja TypeScript
|
|
661
|
-
|
|
662
|
-
Intlayer używa rozszerzania modułów, aby korzystać z zalet TypeScript i wzmocnić Twoją bazę kodu.
|
|
663
|
-
|
|
664
|
-

|
|
665
|
-
|
|
666
|
-

|
|
667
|
-
|
|
668
|
-
Upewnij się, że Twoja konfiguracja TypeScript zawiera automatycznie generowane typy.
|
|
669
|
-
|
|
670
|
-
```json5 fileName="tsconfig.json"
|
|
671
|
-
{
|
|
672
|
-
// ... Twoje istniejące konfiguracje TypeScript
|
|
673
|
-
"include": [
|
|
674
|
-
// ... Twoje istniejące konfiguracje TypeScript
|
|
675
|
-
".intlayer/**/*.ts", // Dołącz automatycznie generowane typy
|
|
676
|
-
],
|
|
677
|
-
}
|
|
678
|
-
```
|
|
679
|
-
|
|
680
652
|
### Konfiguracja Git
|
|
681
653
|
|
|
682
654
|
Zaleca się ignorowanie plików generowanych przez Intlayer. Pozwala to uniknąć ich zatwierdzania do repozytorium 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
|
|
@@ -62,7 +62,7 @@ Dzięki Intlayer możesz:
|
|
|
62
62
|
<TabItem label="Code" value="code">
|
|
63
63
|
|
|
64
64
|
<iframe
|
|
65
|
-
src="https://stackblitz.com/github/aymericzip/intlayer-react-router-v7-
|
|
65
|
+
src="https://stackblitz.com/github/aymericzip/intlayer-react-router-v7-fs-routes-template?embed=1&ctl=1&file=intlayer.config.ts"
|
|
66
66
|
className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
|
|
67
67
|
title="Demo CodeSandbox - How to Internationalize your application using Intlayer"
|
|
68
68
|
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
|
|
@@ -72,7 +72,7 @@ Dzięki Intlayer możesz:
|
|
|
72
72
|
</TabItem>
|
|
73
73
|
</Tab>
|
|
74
74
|
|
|
75
|
-
See [Application Template](https://github.com/aymericzip/intlayer-react-router-v7-
|
|
75
|
+
See [Application Template](https://github.com/aymericzip/intlayer-react-router-v7-fs-routes-template) on GitHub.
|
|
76
76
|
|
|
77
77
|
### Krok 1: Zainstaluj zależności
|
|
78
78
|
|
|
@@ -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 @@ Com o Intlayer, você pode:
|
|
|
46
46
|
|
|
47
47
|
## Guia passo a passo para configurar o Intlayer em uma aplicação 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 - Como Internacionalizar sua aplicação usando Intlayer"
|
|
53
|
-
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
|
|
54
|
-
loading="lazy"
|
|
55
|
-
/>
|
|
56
|
-
|
|
57
|
-
### Passo 1: Instalar Dependências
|
|
58
|
-
|
|
59
49
|
<Tab defaultTab="video">
|
|
60
50
|
<TabItem label="Vídeo" value="video">
|
|
61
51
|
|
|
62
|
-
<iframe title="Como traduzir sua aplicação Nuxt e Vue usando Intlayer? Descubra o 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="Como traduzir sua aplicação Nuxt e Vue usando Intlayer? Descubra o 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 @@ Com o Intlayer, você pode:
|
|
|
77
67
|
|
|
78
68
|
Veja o [Template da Aplicação](https://github.com/aymericzip/intlayer-nuxt-4-template) no GitHub.
|
|
79
69
|
|
|
70
|
+
### Passo 1: Instalar Dependências
|
|
71
|
+
|
|
80
72
|
Instale os pacotes necessários 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 usa a ampliação de módulos para aproveitar os benefícios do TypeScript e tornar sua base de código mais robusta.
|
|
657
|
-
|
|
658
|
-

|
|
659
|
-
|
|
660
|
-

|
|
661
|
-
|
|
662
|
-
Certifique-se de que sua configuração do TypeScript inclua os tipos gerados automaticamente.
|
|
663
|
-
|
|
664
|
-
```json5 fileName="tsconfig.json"
|
|
665
|
-
{
|
|
666
|
-
// ... Suas configurações existentes do TypeScript
|
|
667
|
-
"include": [
|
|
668
|
-
// ... Suas configurações existentes do TypeScript
|
|
669
|
-
".intlayer/**/*.ts", // Inclua os tipos gerados automaticamente
|
|
670
|
-
],
|
|
671
|
-
}
|
|
672
|
-
```
|
|
673
|
-
|
|
674
646
|
### Configuração do Git
|
|
675
647
|
|
|
676
648
|
É recomendado ignorar os arquivos gerados pelo Intlayer. Isso permite que você evite comitá-los no seu repositório 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 @@ 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-репозиторий.
|
|
@@ -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 @@ history:
|
|
|
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 @@ history:
|
|
|
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
|
### Шаг 1: Установка зависимостей
|
|
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 ile şunları yapabilirsiniz:
|
|
|
46
46
|
|
|
47
47
|
## Nuxt Uygulamasında Intlayer Kurulumu Adım Adım Rehber
|
|
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 - Intlayer kullanarak uygulamanızı nasıl uluslararasılaştırırsınız"
|
|
53
|
-
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
|
|
54
|
-
loading="lazy"
|
|
55
|
-
/>
|
|
56
|
-
|
|
57
|
-
### Adım 1: Bağımlılıkları Yükleyin
|
|
58
|
-
|
|
59
49
|
<Tab defaultTab="video">
|
|
60
50
|
<TabItem label="Video" value="video">
|
|
61
51
|
|
|
62
|
-
<iframe title="Nuxt ve Vue uygulamanızı Intlayer kullanarak nasıl çevirirsiniz? Intlayer'ı keşfedin" 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 ve Vue uygulamanızı Intlayer kullanarak nasıl çevirirsiniz? Intlayer'ı keşfedin" 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="Kod" value="code">
|
|
@@ -77,6 +67,8 @@ Intlayer ile şunları yapabilirsiniz:
|
|
|
77
67
|
|
|
78
68
|
GitHub'da [Uygulama Şablonunu](https://github.com/aymericzip/intlayer-nuxt-4-template) inceleyin.
|
|
79
69
|
|
|
70
|
+
### Adım 1: Bağımlılıkları Yükleyin
|
|
71
|
+
|
|
80
72
|
Gerekli paketleri npm kullanarak yükleyin:
|
|
81
73
|
|
|
82
74
|
```bash packageManager="npm"
|
|
@@ -653,26 +645,6 @@ module.exports = aboutPageContent;
|
|
|
653
645
|
}
|
|
654
646
|
```
|
|
655
647
|
|
|
656
|
-
### TypeScript'i Yapılandırma
|
|
657
|
-
|
|
658
|
-
Intlayer, TypeScript'in avantajlarından yararlanmak ve kod tabanınızı daha güçlü hale getirmek için modül genişletme (module augmentation) kullanır.
|
|
659
|
-
|
|
660
|
-

|
|
661
|
-
|
|
662
|
-

|
|
663
|
-
|
|
664
|
-
TypeScript yapılandırmanızın otomatik oluşturulan türleri içerdiğinden emin olun.
|
|
665
|
-
|
|
666
|
-
```json5 fileName="tsconfig.json"
|
|
667
|
-
{
|
|
668
|
-
// ... Mevcut TypeScript yapılandırmalarınız
|
|
669
|
-
"include": [
|
|
670
|
-
// ... Mevcut TypeScript yapılandırmalarınız
|
|
671
|
-
".intlayer/**/*.ts", // Otomatik oluşturulan türleri dahil et
|
|
672
|
-
],
|
|
673
|
-
}
|
|
674
|
-
```
|
|
675
|
-
|
|
676
648
|
### Git Yapılandırması
|
|
677
649
|
|
|
678
650
|
Intlayer tarafından oluşturulan dosyaların göz ardı edilmesi önerilir. Bu, bu dosyaların Git deposuna commit edilmesini önler.
|
|
@@ -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 @@ Intlayer ile şunları yapabilirsiniz:
|
|
|
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 @@ Intlayer ile şunları yapabilirsiniz:
|
|
|
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
|
### Adım 1: Bağımlılıkları Yükleyin
|
|
76
76
|
|