@intlayer/docs 7.3.12 → 7.3.14

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 @@ 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/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
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&amp;origin=http://intlayer.org&amp;controls=0&amp;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
- ![Autocompletamento](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
669
-
670
- ![Errore di traduzione](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
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-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, puoi:
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, puoi:
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
  ### 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=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="デモ 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 @@ 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
- ![オートコンプリート](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
664
-
665
- ![Translation error](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
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-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 @@ Intlayerを使うことで、以下が可能になります:
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 @@ Intlayerを使うことで、以下が可能になります:
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
  ### ステップ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=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="데모 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/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
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&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단계: 의존성 설치
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
- ![자동완성](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
664
-
665
- ![Translation error](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
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=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 @@ 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/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
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&amp;origin=http://intlayer.org&amp;controls=0&amp;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
- ![Autouzupełnianie](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
665
-
666
- ![Błąd tłumaczenia](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
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-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
@@ -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-template-fs-routes?embed=1&ctl=1&file=intlayer.config.ts"
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-template-fs-routes) on GitHub.
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=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 @@ 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/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
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&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 @@ 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
- ![Autocompletar](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
659
-
660
- ![Erro de tradução](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
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=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-репозиторий.
@@ -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 @@ history:
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 @@ history:
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
  ### Шаг 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=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 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/IE3XWkZ6a5U?autoplay=0&amp;origin=http://intlayer.org&amp;controls=0&amp;rel=1"/>
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&amp;origin=http://intlayer.org&amp;controls=0&amp;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
- ![Otomatik Tamamlama](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
661
-
662
- ![Çeviri hatası](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
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-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 @@ 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-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 @@ Intlayer ile şunları yapabilirsiniz:
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
  ### Adım 1: Bağımlılıkları Yükleyin
76
76