@intlayer/docs 6.0.0-canary.1 → 6.0.0-canary.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/ar/intlayer_with_angular.md +3 -3
- package/docs/ar/intlayer_with_react_router_v7.md +3 -3
- package/docs/ar/intlayer_with_tanstack.md +3 -3
- package/docs/ar/intlayer_with_vite+preact.md +13 -13
- package/docs/ar/intlayer_with_vite+react.md +13 -13
- package/docs/ar/intlayer_with_vite+solid.md +7 -7
- package/docs/ar/intlayer_with_vite+svelte.md +7 -7
- package/docs/ar/intlayer_with_vite+vue.md +15 -15
- package/docs/ar/packages/vite-intlayer/index.md +3 -3
- package/docs/de/intlayer_with_angular.md +3 -3
- package/docs/de/intlayer_with_react_router_v7.md +3 -3
- package/docs/de/intlayer_with_tanstack.md +3 -3
- package/docs/de/intlayer_with_vite+preact.md +13 -13
- package/docs/de/intlayer_with_vite+react.md +13 -13
- package/docs/de/intlayer_with_vite+solid.md +7 -7
- package/docs/de/intlayer_with_vite+svelte.md +7 -7
- package/docs/de/intlayer_with_vite+vue.md +15 -15
- package/docs/de/packages/vite-intlayer/index.md +3 -3
- package/docs/en/intlayer_with_angular.md +3 -3
- package/docs/en/intlayer_with_react_router_v7.md +3 -3
- package/docs/en/intlayer_with_tanstack.md +3 -3
- package/docs/en/intlayer_with_vite+preact.md +13 -13
- package/docs/en/intlayer_with_vite+react.md +13 -13
- package/docs/en/intlayer_with_vite+solid.md +7 -7
- package/docs/en/intlayer_with_vite+svelte.md +7 -7
- package/docs/en/intlayer_with_vite+vue.md +13 -13
- package/docs/en/packages/vite-intlayer/index.md +3 -3
- package/docs/en-GB/intlayer_with_angular.md +3 -3
- package/docs/en-GB/intlayer_with_react_router_v7.md +3 -3
- package/docs/en-GB/intlayer_with_tanstack.md +3 -3
- package/docs/en-GB/intlayer_with_vite+preact.md +13 -13
- package/docs/en-GB/intlayer_with_vite+react.md +13 -13
- package/docs/en-GB/intlayer_with_vite+solid.md +7 -7
- package/docs/en-GB/intlayer_with_vite+svelte.md +7 -7
- package/docs/en-GB/intlayer_with_vite+vue.md +16 -17
- package/docs/en-GB/packages/vite-intlayer/index.md +3 -3
- package/docs/es/intlayer_with_angular.md +3 -3
- package/docs/es/intlayer_with_react_router_v7.md +3 -3
- package/docs/es/intlayer_with_tanstack.md +3 -3
- package/docs/es/intlayer_with_vite+preact.md +13 -13
- package/docs/es/intlayer_with_vite+react.md +13 -13
- package/docs/es/intlayer_with_vite+solid.md +7 -7
- package/docs/es/intlayer_with_vite+svelte.md +7 -7
- package/docs/es/intlayer_with_vite+vue.md +15 -15
- package/docs/es/packages/vite-intlayer/index.md +3 -3
- package/docs/fr/intlayer_with_angular.md +3 -3
- package/docs/fr/intlayer_with_react_router_v7.md +3 -3
- package/docs/fr/intlayer_with_tanstack.md +3 -3
- package/docs/fr/intlayer_with_vite+preact.md +13 -13
- package/docs/fr/intlayer_with_vite+react.md +13 -13
- package/docs/fr/intlayer_with_vite+solid.md +7 -7
- package/docs/fr/intlayer_with_vite+svelte.md +7 -7
- package/docs/fr/intlayer_with_vite+vue.md +15 -15
- package/docs/fr/packages/vite-intlayer/index.md +3 -3
- package/docs/hi/intlayer_with_angular.md +3 -3
- package/docs/hi/intlayer_with_react_router_v7.md +3 -3
- package/docs/hi/intlayer_with_tanstack.md +3 -3
- package/docs/hi/intlayer_with_vite+preact.md +13 -13
- package/docs/hi/intlayer_with_vite+react.md +13 -13
- package/docs/hi/intlayer_with_vite+solid.md +7 -7
- package/docs/hi/intlayer_with_vite+svelte.md +7 -7
- package/docs/hi/intlayer_with_vite+vue.md +15 -15
- package/docs/hi/packages/vite-intlayer/index.md +3 -3
- package/docs/it/intlayer_with_angular.md +3 -3
- package/docs/it/intlayer_with_react_router_v7.md +3 -3
- package/docs/it/intlayer_with_tanstack.md +3 -3
- package/docs/it/intlayer_with_vite+preact.md +13 -13
- package/docs/it/intlayer_with_vite+react.md +13 -13
- package/docs/it/intlayer_with_vite+solid.md +7 -7
- package/docs/it/intlayer_with_vite+svelte.md +7 -7
- package/docs/it/intlayer_with_vite+vue.md +15 -15
- package/docs/it/packages/vite-intlayer/index.md +3 -3
- package/docs/ja/intlayer_with_angular.md +3 -3
- package/docs/ja/intlayer_with_react_router_v7.md +3 -3
- package/docs/ja/intlayer_with_tanstack.md +3 -3
- package/docs/ja/intlayer_with_vite+preact.md +13 -13
- package/docs/ja/intlayer_with_vite+react.md +13 -13
- package/docs/ja/intlayer_with_vite+solid.md +11 -11
- package/docs/ja/intlayer_with_vite+svelte.md +7 -7
- package/docs/ja/intlayer_with_vite+vue.md +15 -15
- package/docs/ja/packages/vite-intlayer/index.md +3 -3
- package/docs/ko/intlayer_with_angular.md +3 -3
- package/docs/ko/intlayer_with_react_router_v7.md +3 -3
- package/docs/ko/intlayer_with_tanstack.md +3 -3
- package/docs/ko/intlayer_with_vite+preact.md +15 -15
- package/docs/ko/intlayer_with_vite+react.md +13 -13
- package/docs/ko/intlayer_with_vite+solid.md +7 -7
- package/docs/ko/intlayer_with_vite+svelte.md +12 -12
- package/docs/ko/intlayer_with_vite+vue.md +15 -15
- package/docs/ko/packages/vite-intlayer/index.md +3 -3
- package/docs/pt/intlayer_with_angular.md +3 -3
- package/docs/pt/intlayer_with_react_router_v7.md +3 -3
- package/docs/pt/intlayer_with_tanstack.md +3 -3
- package/docs/pt/intlayer_with_vite+preact.md +13 -13
- package/docs/pt/intlayer_with_vite+react.md +13 -13
- package/docs/pt/intlayer_with_vite+solid.md +7 -7
- package/docs/pt/intlayer_with_vite+svelte.md +7 -7
- package/docs/pt/intlayer_with_vite+vue.md +15 -15
- package/docs/pt/packages/vite-intlayer/index.md +3 -3
- package/docs/ru/intlayer_with_angular.md +3 -3
- package/docs/ru/intlayer_with_react_router_v7.md +3 -3
- package/docs/ru/intlayer_with_tanstack.md +3 -3
- package/docs/ru/intlayer_with_vite+preact.md +13 -13
- package/docs/ru/intlayer_with_vite+react.md +13 -13
- package/docs/ru/intlayer_with_vite+solid.md +7 -7
- package/docs/ru/intlayer_with_vite+svelte.md +7 -7
- package/docs/ru/intlayer_with_vite+vue.md +15 -15
- package/docs/ru/packages/vite-intlayer/index.md +3 -3
- package/docs/tr/intlayer_with_angular.md +3 -3
- package/docs/tr/intlayer_with_react_router_v7.md +3 -3
- package/docs/tr/intlayer_with_tanstack.md +2 -2
- package/docs/tr/intlayer_with_vite+preact.md +13 -13
- package/docs/tr/intlayer_with_vite+react.md +13 -13
- package/docs/tr/intlayer_with_vite+solid.md +7 -7
- package/docs/tr/intlayer_with_vite+svelte.md +7 -7
- package/docs/tr/intlayer_with_vite+vue.md +13 -13
- package/docs/tr/packages/vite-intlayer/index.md +3 -3
- package/docs/zh/intlayer_with_angular.md +3 -3
- package/docs/zh/intlayer_with_react_router_v7.md +3 -3
- package/docs/zh/intlayer_with_tanstack.md +3 -3
- package/docs/zh/intlayer_with_vite+preact.md +15 -15
- package/docs/zh/intlayer_with_vite+react.md +13 -13
- package/docs/zh/intlayer_with_vite+solid.md +7 -7
- package/docs/zh/intlayer_with_vite+svelte.md +7 -7
- package/docs/zh/intlayer_with_vite+vue.md +13 -13
- package/docs/zh/packages/vite-intlayer/index.md +3 -3
- package/frequent_questions/ar/intlayer_command_undefined.md +1 -2
- package/frequent_questions/de/intlayer_command_undefined.md +1 -2
- package/frequent_questions/en/intlayer_command_undefined.md +1 -2
- package/frequent_questions/en-GB/intlayer_command_undefined.md +1 -2
- package/frequent_questions/es/intlayer_command_undefined.md +1 -2
- package/frequent_questions/fr/intlayer_command_undefined.md +1 -2
- package/frequent_questions/hi/intlayer_command_undefined.md +1 -2
- package/frequent_questions/it/intlayer_command_undefined.md +1 -2
- package/frequent_questions/ja/intlayer_command_undefined.md +1 -2
- package/frequent_questions/ko/intlayer_command_undefined.md +1 -2
- package/frequent_questions/pt/intlayer_command_undefined.md +1 -2
- package/frequent_questions/ru/intlayer_command_undefined.md +1 -2
- package/frequent_questions/tr/intlayer_command_undefined.md +1 -1
- package/frequent_questions/zh/intlayer_command_undefined.md +1 -2
- package/package.json +10 -10
|
@@ -136,37 +136,37 @@ module.exports = config;
|
|
|
136
136
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
137
137
|
import { defineConfig } from "vite";
|
|
138
138
|
import vue from "@vitejs/plugin-vue";
|
|
139
|
-
import {
|
|
139
|
+
import { intlayer } from "vite-intlayer";
|
|
140
140
|
|
|
141
141
|
// https://vitejs.dev/config/
|
|
142
142
|
export default defineConfig({
|
|
143
|
-
plugins: [vue(),
|
|
143
|
+
plugins: [vue(), intlayer()],
|
|
144
144
|
});
|
|
145
145
|
```
|
|
146
146
|
|
|
147
147
|
```javascript fileName="vite.config.mjs" codeFormat="esm"
|
|
148
148
|
import { defineConfig } from "vite";
|
|
149
149
|
import vue from "@vitejs/plugin-vue";
|
|
150
|
-
import {
|
|
150
|
+
import { intlayer } from "vite-intlayer";
|
|
151
151
|
|
|
152
152
|
// https://vitejs.dev/config/
|
|
153
153
|
export default defineConfig({
|
|
154
|
-
plugins: [vue(),
|
|
154
|
+
plugins: [vue(), intlayer()],
|
|
155
155
|
});
|
|
156
156
|
```
|
|
157
157
|
|
|
158
158
|
```javascript fileName="vite.config.cjs" codeFormat="commonjs"
|
|
159
159
|
const { defineConfig } = require("vite");
|
|
160
160
|
const vue = require("@vitejs/plugin-vue");
|
|
161
|
-
const {
|
|
161
|
+
const { intlayer } = require("vite-intlayer");
|
|
162
162
|
|
|
163
163
|
// https://vitejs.dev/config/
|
|
164
164
|
module.exports = defineConfig({
|
|
165
|
-
plugins: [vue(),
|
|
165
|
+
plugins: [vue(), intlayer()],
|
|
166
166
|
});
|
|
167
167
|
```
|
|
168
168
|
|
|
169
|
-
> `
|
|
169
|
+
> `intlayer()` Vite प्लगइन का उपयोग Intlayer को Vite के साथ एकीकृत करने के लिए किया जाता है। यह कंटेंट घोषणा फ़ाइलों के निर्माण को सुनिश्चित करता है और विकास मोड में उनका निरीक्षण करता है। यह Vite एप्लिकेशन के भीतर Intlayer पर्यावरण चर को परिभाषित करता है। इसके अतिरिक्त, यह प्रदर्शन को अनुकूलित करने के लिए उपनाम प्रदान करता है।
|
|
170
170
|
|
|
171
171
|
### चरण 4: अपनी सामग्री घोषित करें
|
|
172
172
|
|
|
@@ -661,41 +661,41 @@ import LocaleSwitcher from "@components/LocaleSwitcher.vue";
|
|
|
661
661
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
662
662
|
import { defineConfig } from "vite";
|
|
663
663
|
import vue from "@vitejs/plugin-vue";
|
|
664
|
-
import {
|
|
664
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
665
665
|
|
|
666
666
|
// https://vitejs.dev/config/
|
|
667
667
|
export default defineConfig({
|
|
668
|
-
plugins: [vue(),
|
|
668
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
669
669
|
});
|
|
670
670
|
```
|
|
671
671
|
|
|
672
672
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
673
673
|
import { defineConfig } from "vite";
|
|
674
674
|
import vue from "@vitejs/plugin-vue";
|
|
675
|
-
import {
|
|
675
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
676
676
|
|
|
677
677
|
// https://vitejs.dev/config/
|
|
678
678
|
export default defineConfig({
|
|
679
|
-
plugins: [vue(),
|
|
679
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
680
680
|
});
|
|
681
681
|
```
|
|
682
682
|
|
|
683
683
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
684
684
|
const { defineConfig } = require("vite");
|
|
685
685
|
const vue = require("@vitejs/plugin-vue");
|
|
686
|
-
const {
|
|
686
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
687
687
|
|
|
688
688
|
// https://vitejs.dev/config/
|
|
689
689
|
module.exports = defineConfig({
|
|
690
|
-
plugins: [vue(),
|
|
690
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
691
691
|
});
|
|
692
692
|
const { defineConfig } = require("vite");
|
|
693
693
|
const vue = require("@vitejs/plugin-vue");
|
|
694
|
-
const {
|
|
694
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
695
695
|
|
|
696
696
|
// https://vitejs.dev/config/
|
|
697
697
|
module.exports = defineConfig({
|
|
698
|
-
plugins: [vue(),
|
|
698
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
699
699
|
});
|
|
700
700
|
```
|
|
701
701
|
|
|
@@ -53,15 +53,15 @@ pnpm add vite-intlayer
|
|
|
53
53
|
|
|
54
54
|
```typescript fileName="vite.config.ts"
|
|
55
55
|
import { defineConfig } from "vite";
|
|
56
|
-
import {
|
|
56
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
57
57
|
|
|
58
58
|
// https://vitejs.dev/config/
|
|
59
59
|
export default defineConfig({
|
|
60
|
-
plugins: [
|
|
60
|
+
plugins: [intlayer(), intlayerMiddlewarePlugin()],
|
|
61
61
|
});
|
|
62
62
|
```
|
|
63
63
|
|
|
64
|
-
> `
|
|
64
|
+
> `intlayer()` Vite प्लगइन का उपयोग Intlayer को Vite के साथ एकीकृत करने के लिए किया जाता है। यह कंटेंट डिक्लेरेशन फाइलों के निर्माण को सुनिश्चित करता है और विकास मोड में उनकी निगरानी करता है। यह Vite एप्लिकेशन के भीतर Intlayer पर्यावरण चर को परिभाषित करता है। इसके अतिरिक्त, यह प्रदर्शन को अनुकूलित करने के लिए उपनाम प्रदान करता है।
|
|
65
65
|
|
|
66
66
|
> `intlayerMiddlewarePlugin()` आपके एप्लिकेशन में सर्वर-साइड रूटिंग जोड़ता है। यह प्लगइन URL के आधार पर वर्तमान स्थानीय भाषा का स्वचालित पता लगाएगा और उपयुक्त स्थानीय कुकी सेट करेगा। यदि कोई स्थानीय भाषा निर्दिष्ट नहीं है, तो प्लगइन उपयोगकर्ता के ब्राउज़र भाषा प्राथमिकताओं के आधार पर सबसे उपयुक्त स्थानीय भाषा निर्धारित करेगा। यदि कोई स्थानीय भाषा पता नहीं चलती है, तो यह डिफ़ॉल्ट स्थानीय भाषा पर पुनर्निर्देशित करेगा।
|
|
67
67
|
|
|
@@ -210,7 +210,7 @@ import { prepareIntlayer, watch } from "@intlayer/chokidar";
|
|
|
210
210
|
import { getConfiguration, logger } from "@intlayer/config";
|
|
211
211
|
import type { Plugin } from "esbuild";
|
|
212
212
|
|
|
213
|
-
const
|
|
213
|
+
const intlayer: Plugin = {
|
|
214
214
|
name: "intlayer-esbuild-plugin",
|
|
215
215
|
setup(build) {
|
|
216
216
|
const configuration = getConfiguration();
|
|
@@ -240,10 +240,10 @@ const intlayerPlugin: Plugin = {
|
|
|
240
240
|
},
|
|
241
241
|
};
|
|
242
242
|
|
|
243
|
-
export default
|
|
243
|
+
export default intlayer;
|
|
244
244
|
```
|
|
245
245
|
|
|
246
|
-
> Il `
|
|
246
|
+
> Il `intlayer` per esbuild garantisce che Intlayer sia preparato prima dell'inizio della build e monitora le modifiche in modalità sviluppo.
|
|
247
247
|
|
|
248
248
|
#### Opzione 2: Utilizzo di Webpack
|
|
249
249
|
|
|
@@ -147,20 +147,20 @@ Aggiungi il plugin intlayer nella tua configurazione:
|
|
|
147
147
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
148
148
|
import { reactRouter } from "@react-router/dev/vite";
|
|
149
149
|
import { defineConfig } from "vite";
|
|
150
|
-
import { intlayerMiddlewarePlugin,
|
|
150
|
+
import { intlayerMiddlewarePlugin, intlayer } from "vite-intlayer";
|
|
151
151
|
import tsconfigPaths from "vite-tsconfig-paths";
|
|
152
152
|
|
|
153
153
|
export default defineConfig({
|
|
154
154
|
plugins: [
|
|
155
155
|
reactRouter(),
|
|
156
156
|
tsconfigPaths(),
|
|
157
|
-
|
|
157
|
+
intlayer(),
|
|
158
158
|
intlayerMiddlewarePlugin(),
|
|
159
159
|
],
|
|
160
160
|
});
|
|
161
161
|
```
|
|
162
162
|
|
|
163
|
-
> Il plugin Vite `
|
|
163
|
+
> Il plugin Vite `intlayer()` viene utilizzato per integrare Intlayer con Vite. Garantisce la creazione dei file di dichiarazione del contenuto e li monitora in modalità sviluppo. Definisce le variabili d'ambiente di Intlayer all'interno dell'applicazione Vite. Inoltre, fornisce alias per ottimizzare le prestazioni.
|
|
164
164
|
|
|
165
165
|
### Passo 5: Creare i Componenti Layout
|
|
166
166
|
|
|
@@ -142,20 +142,20 @@ Aggiungi il plugin intlayer nella tua configurazione:
|
|
|
142
142
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
143
143
|
import { reactRouter } from "@react-router/dev/vite";
|
|
144
144
|
import { defineConfig } from "vite";
|
|
145
|
-
import { intlayerMiddlewarePlugin,
|
|
145
|
+
import { intlayerMiddlewarePlugin, intlayer } from "vite-intlayer";
|
|
146
146
|
import tsconfigPaths from "vite-tsconfig-paths";
|
|
147
147
|
|
|
148
148
|
export default defineConfig({
|
|
149
149
|
plugins: [
|
|
150
150
|
reactRouter(),
|
|
151
151
|
tsconfigPaths(),
|
|
152
|
-
|
|
152
|
+
intlayer(),
|
|
153
153
|
intlayerMiddlewarePlugin(),
|
|
154
154
|
],
|
|
155
155
|
});
|
|
156
156
|
```
|
|
157
157
|
|
|
158
|
-
> Il plugin Vite `
|
|
158
|
+
> Il plugin Vite `intlayer()` viene utilizzato per integrare Intlayer con Vite. Garantisce la creazione dei file di dichiarazione dei contenuti e li monitora in modalità sviluppo. Definisce le variabili d'ambiente di Intlayer all'interno dell'applicazione Vite. Inoltre, fornisce alias per ottimizzare le prestazioni.
|
|
159
159
|
|
|
160
160
|
### Passo 5: Crea i Componenti di Layout
|
|
161
161
|
|
|
@@ -138,37 +138,37 @@ Aggiungi il plugin intlayer nella tua configurazione.
|
|
|
138
138
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
139
139
|
import { defineConfig } from "vite";
|
|
140
140
|
import preact from "@preact/preset-vite";
|
|
141
|
-
import {
|
|
141
|
+
import { intlayer } from "vite-intlayer";
|
|
142
142
|
|
|
143
143
|
// https://vitejs.dev/config/
|
|
144
144
|
export default defineConfig({
|
|
145
|
-
plugins: [preact(),
|
|
145
|
+
plugins: [preact(), intlayer()],
|
|
146
146
|
});
|
|
147
147
|
```
|
|
148
148
|
|
|
149
149
|
```javascript fileName="vite.config.mjs" codeFormat="esm"
|
|
150
150
|
import { defineConfig } from "vite";
|
|
151
151
|
import preact from "@preact/preset-vite";
|
|
152
|
-
import {
|
|
152
|
+
import { intlayer } from "vite-intlayer";
|
|
153
153
|
|
|
154
154
|
// https://vitejs.dev/config/
|
|
155
155
|
export default defineConfig({
|
|
156
|
-
plugins: [preact(),
|
|
156
|
+
plugins: [preact(), intlayer()],
|
|
157
157
|
});
|
|
158
158
|
```
|
|
159
159
|
|
|
160
160
|
```javascript fileName="vite.config.cjs" codeFormat="commonjs"
|
|
161
161
|
const { defineConfig } = require("vite");
|
|
162
162
|
const preact = require("@preact/preset-vite");
|
|
163
|
-
const {
|
|
163
|
+
const { intlayer } = require("vite-intlayer");
|
|
164
164
|
|
|
165
165
|
// https://vitejs.dev/config/
|
|
166
166
|
module.exports = defineConfig({
|
|
167
|
-
plugins: [preact(),
|
|
167
|
+
plugins: [preact(), intlayer()],
|
|
168
168
|
});
|
|
169
169
|
```
|
|
170
170
|
|
|
171
|
-
> Il plugin Vite `
|
|
171
|
+
> Il plugin Vite `intlayer()` viene utilizzato per integrare Intlayer con Vite. Garantisce la costruzione dei file di dichiarazione dei contenuti e li monitora in modalità sviluppo. Definisce le variabili d'ambiente di Intlayer all'interno dell'applicazione Vite. Inoltre, fornisce alias per ottimizzare le prestazioni.
|
|
172
172
|
|
|
173
173
|
### Passo 4: Dichiara i Tuoi Contenuti
|
|
174
174
|
|
|
@@ -1064,33 +1064,33 @@ In parallelo, puoi anche utilizzare il `intlayerMiddlewarePlugin` per aggiungere
|
|
|
1064
1064
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
1065
1065
|
import { defineConfig } from "vite";
|
|
1066
1066
|
import preact from "@preact/preset-vite";
|
|
1067
|
-
import {
|
|
1067
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1068
1068
|
|
|
1069
1069
|
// https://vitejs.dev/config/
|
|
1070
1070
|
export default defineConfig({
|
|
1071
|
-
plugins: [preact(),
|
|
1071
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1072
1072
|
});
|
|
1073
1073
|
```
|
|
1074
1074
|
|
|
1075
1075
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
1076
1076
|
import { defineConfig } from "vite";
|
|
1077
1077
|
import preact from "@preact/preset-vite";
|
|
1078
|
-
import {
|
|
1078
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1079
1079
|
|
|
1080
1080
|
// https://vitejs.dev/config/
|
|
1081
1081
|
export default defineConfig({
|
|
1082
|
-
plugins: [preact(),
|
|
1082
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1083
1083
|
});
|
|
1084
1084
|
```
|
|
1085
1085
|
|
|
1086
1086
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
1087
1087
|
const { defineConfig } = require("vite");
|
|
1088
1088
|
const preact = require("@preact/preset-vite");
|
|
1089
|
-
const {
|
|
1089
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
1090
1090
|
|
|
1091
1091
|
// https://vitejs.dev/config/
|
|
1092
1092
|
module.exports = defineConfig({
|
|
1093
|
-
plugins: [preact(),
|
|
1093
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1094
1094
|
});
|
|
1095
1095
|
```
|
|
1096
1096
|
|
|
@@ -137,37 +137,37 @@ Aggiungi il plugin intlayer nella tua configurazione.
|
|
|
137
137
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
138
138
|
import { defineConfig } from "vite";
|
|
139
139
|
import react from "@vitejs/plugin-react-swc";
|
|
140
|
-
import {
|
|
140
|
+
import { intlayer } from "vite-intlayer";
|
|
141
141
|
|
|
142
142
|
// https://vitejs.dev/config/
|
|
143
143
|
export default defineConfig({
|
|
144
|
-
plugins: [react(),
|
|
144
|
+
plugins: [react(), intlayer()],
|
|
145
145
|
});
|
|
146
146
|
```
|
|
147
147
|
|
|
148
148
|
```javascript fileName="vite.config.mjs" codeFormat="esm"
|
|
149
149
|
import { defineConfig } from "vite";
|
|
150
150
|
import react from "@vitejs/plugin-react-swc";
|
|
151
|
-
import {
|
|
151
|
+
import { intlayer } from "vite-intlayer";
|
|
152
152
|
|
|
153
153
|
// https://vitejs.dev/config/
|
|
154
154
|
export default defineConfig({
|
|
155
|
-
plugins: [react(),
|
|
155
|
+
plugins: [react(), intlayer()],
|
|
156
156
|
});
|
|
157
157
|
```
|
|
158
158
|
|
|
159
159
|
```javascript fileName="vite.config.cjs" codeFormat="commonjs"
|
|
160
160
|
const { defineConfig } = require("vite");
|
|
161
161
|
const react = require("@vitejs/plugin-react-swc");
|
|
162
|
-
const {
|
|
162
|
+
const { intlayer } = require("vite-intlayer");
|
|
163
163
|
|
|
164
164
|
// https://vitejs.dev/config/
|
|
165
165
|
module.exports = defineConfig({
|
|
166
|
-
plugins: [react(),
|
|
166
|
+
plugins: [react(), intlayer()],
|
|
167
167
|
});
|
|
168
168
|
```
|
|
169
169
|
|
|
170
|
-
> Il plugin Vite `
|
|
170
|
+
> Il plugin Vite `intlayer()` viene utilizzato per integrare Intlayer con Vite. Garantisce la creazione dei file di dichiarazione del contenuto e li monitora in modalità sviluppo. Definisce le variabili d'ambiente di Intlayer all'interno dell'applicazione Vite. Inoltre, fornisce alias per ottimizzare le prestazioni.
|
|
171
171
|
|
|
172
172
|
### Passo 4: Dichiara il Tuo Contenuto
|
|
173
173
|
|
|
@@ -1013,33 +1013,33 @@ In parallelo, puoi anche utilizzare il `intlayerMiddlewarePlugin` per aggiungere
|
|
|
1013
1013
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
1014
1014
|
import { defineConfig } from "vite";
|
|
1015
1015
|
import react from "@vitejs/plugin-react-swc";
|
|
1016
|
-
import {
|
|
1016
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1017
1017
|
|
|
1018
1018
|
// https://vitejs.dev/config/
|
|
1019
1019
|
export default defineConfig({
|
|
1020
|
-
plugins: [react(),
|
|
1020
|
+
plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1021
1021
|
});
|
|
1022
1022
|
```
|
|
1023
1023
|
|
|
1024
1024
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
1025
1025
|
import { defineConfig } from "vite";
|
|
1026
1026
|
import react from "@vitejs/plugin-react-swc";
|
|
1027
|
-
import {
|
|
1027
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1028
1028
|
|
|
1029
1029
|
// https://vitejs.dev/config/
|
|
1030
1030
|
export default defineConfig({
|
|
1031
|
-
plugins: [react(),
|
|
1031
|
+
plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1032
1032
|
});
|
|
1033
1033
|
```
|
|
1034
1034
|
|
|
1035
1035
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
1036
1036
|
const { defineConfig } = require("vite");
|
|
1037
1037
|
const react = require("@vitejs/plugin-react-swc");
|
|
1038
|
-
const {
|
|
1038
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
1039
1039
|
|
|
1040
1040
|
// https://vitejs.dev/config/
|
|
1041
1041
|
module.exports = defineConfig({
|
|
1042
|
-
plugins: [react(),
|
|
1042
|
+
plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1043
1043
|
});
|
|
1044
1044
|
```
|
|
1045
1045
|
|
|
@@ -140,37 +140,37 @@ Aggiungi il plugin intlayer nella tua configurazione.
|
|
|
140
140
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
141
141
|
import { defineConfig } from "vite";
|
|
142
142
|
import react from "@vitejs/plugin-react-swc";
|
|
143
|
-
import {
|
|
143
|
+
import { intlayer } from "vite-intlayer";
|
|
144
144
|
|
|
145
145
|
// https://vitejs.dev/config/
|
|
146
146
|
export default defineConfig({
|
|
147
|
-
plugins: [react(),
|
|
147
|
+
plugins: [react(), intlayer()],
|
|
148
148
|
});
|
|
149
149
|
```
|
|
150
150
|
|
|
151
151
|
```javascript fileName="vite.config.mjs" codeFormat="esm"
|
|
152
152
|
import { defineConfig } from "vite";
|
|
153
153
|
import react from "@vitejs/plugin-react-swc";
|
|
154
|
-
import {
|
|
154
|
+
import { intlayer } from "vite-intlayer";
|
|
155
155
|
|
|
156
156
|
// https://vitejs.dev/config/
|
|
157
157
|
export default defineConfig({
|
|
158
|
-
plugins: [react(),
|
|
158
|
+
plugins: [react(), intlayer()],
|
|
159
159
|
});
|
|
160
160
|
```
|
|
161
161
|
|
|
162
162
|
```javascript fileName="vite.config.cjs" codeFormat="commonjs"
|
|
163
163
|
const { defineConfig } = require("vite");
|
|
164
164
|
const react = require("@vitejs/plugin-react-swc");
|
|
165
|
-
const {
|
|
165
|
+
const { intlayer } = require("vite-intlayer");
|
|
166
166
|
|
|
167
167
|
// https://vitejs.dev/config/
|
|
168
168
|
module.exports = defineConfig({
|
|
169
|
-
plugins: [react(),
|
|
169
|
+
plugins: [react(), intlayer()],
|
|
170
170
|
});
|
|
171
171
|
```
|
|
172
172
|
|
|
173
|
-
> Il plugin Vite `
|
|
173
|
+
> Il plugin Vite `intlayer()` viene utilizzato per integrare Intlayer con Vite. Garantisce la creazione dei file di dichiarazione del contenuto e li monitora in modalità sviluppo. Definisce le variabili d'ambiente di Intlayer all'interno dell'applicazione Vite. Inoltre, fornisce alias per ottimizzare le prestazioni.
|
|
174
174
|
|
|
175
175
|
### Passo 4: Dichiara il tuo contenuto
|
|
176
176
|
|
|
@@ -138,37 +138,37 @@ Aggiungi il plugin intlayer nella tua configurazione.
|
|
|
138
138
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
139
139
|
import { defineConfig } from "vite";
|
|
140
140
|
import react from "@vitejs/plugin-react-swc";
|
|
141
|
-
import {
|
|
141
|
+
import { intlayer } from "vite-intlayer";
|
|
142
142
|
|
|
143
143
|
// https://vitejs.dev/config/
|
|
144
144
|
export default defineConfig({
|
|
145
|
-
plugins: [react(),
|
|
145
|
+
plugins: [react(), intlayer()],
|
|
146
146
|
});
|
|
147
147
|
```
|
|
148
148
|
|
|
149
149
|
```javascript fileName="vite.config.mjs" codeFormat="esm"
|
|
150
150
|
import { defineConfig } from "vite";
|
|
151
151
|
import react from "@vitejs/plugin-react-swc";
|
|
152
|
-
import {
|
|
152
|
+
import { intlayer } from "vite-intlayer";
|
|
153
153
|
|
|
154
154
|
// https://vitejs.dev/config/
|
|
155
155
|
export default defineConfig({
|
|
156
|
-
plugins: [react(),
|
|
156
|
+
plugins: [react(), intlayer()],
|
|
157
157
|
});
|
|
158
158
|
```
|
|
159
159
|
|
|
160
160
|
```javascript fileName="vite.config.cjs" codeFormat="commonjs"
|
|
161
161
|
const { defineConfig } = require("vite");
|
|
162
162
|
const react = require("@vitejs/plugin-react-swc");
|
|
163
|
-
const {
|
|
163
|
+
const { intlayer } = require("vite-intlayer");
|
|
164
164
|
|
|
165
165
|
// https://vitejs.dev/config/
|
|
166
166
|
module.exports = defineConfig({
|
|
167
|
-
plugins: [react(),
|
|
167
|
+
plugins: [react(), intlayer()],
|
|
168
168
|
});
|
|
169
169
|
```
|
|
170
170
|
|
|
171
|
-
> Il plugin Vite `
|
|
171
|
+
> Il plugin Vite `intlayer()` viene utilizzato per integrare Intlayer con Vite. Garantisce la generazione dei file di dichiarazione dei contenuti e li monitora in modalità sviluppo. Definisce le variabili d'ambiente di Intlayer all'interno dell'applicazione Vite. Inoltre, fornisce alias per ottimizzare le prestazioni.
|
|
172
172
|
|
|
173
173
|
### Passo 4: Dichiara i Tuoi Contenuti
|
|
174
174
|
|
|
@@ -135,37 +135,37 @@ Aggiungi il plugin intlayer nella tua configurazione.
|
|
|
135
135
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
136
136
|
import { defineConfig } from "vite";
|
|
137
137
|
import vue from "@vitejs/plugin-vue";
|
|
138
|
-
import {
|
|
138
|
+
import { intlayer } from "vite-intlayer";
|
|
139
139
|
|
|
140
140
|
// https://vitejs.dev/config/
|
|
141
141
|
export default defineConfig({
|
|
142
|
-
plugins: [vue(),
|
|
142
|
+
plugins: [vue(), intlayer()],
|
|
143
143
|
});
|
|
144
144
|
```
|
|
145
145
|
|
|
146
146
|
```javascript fileName="vite.config.mjs" codeFormat="esm"
|
|
147
147
|
import { defineConfig } from "vite";
|
|
148
148
|
import vue from "@vitejs/plugin-vue";
|
|
149
|
-
import {
|
|
149
|
+
import { intlayer } from "vite-intlayer";
|
|
150
150
|
|
|
151
151
|
// https://vitejs.dev/config/
|
|
152
152
|
export default defineConfig({
|
|
153
|
-
plugins: [vue(),
|
|
153
|
+
plugins: [vue(), intlayer()],
|
|
154
154
|
});
|
|
155
155
|
```
|
|
156
156
|
|
|
157
157
|
```javascript fileName="vite.config.cjs" codeFormat="commonjs"
|
|
158
158
|
const { defineConfig } = require("vite");
|
|
159
159
|
const vue = require("@vitejs/plugin-vue");
|
|
160
|
-
const {
|
|
160
|
+
const { intlayer } = require("vite-intlayer");
|
|
161
161
|
|
|
162
162
|
// https://vitejs.dev/config/
|
|
163
163
|
module.exports = defineConfig({
|
|
164
|
-
plugins: [vue(),
|
|
164
|
+
plugins: [vue(), intlayer()],
|
|
165
165
|
});
|
|
166
166
|
```
|
|
167
167
|
|
|
168
|
-
> Il plugin Vite `
|
|
168
|
+
> Il plugin Vite `intlayer()` viene utilizzato per integrare Intlayer con Vite. Garantisce la creazione dei file di dichiarazione dei contenuti e li monitora in modalità sviluppo. Definisce le variabili d'ambiente di Intlayer all'interno dell'applicazione Vite. Inoltre, fornisce alias per ottimizzare le prestazioni.
|
|
169
169
|
|
|
170
170
|
### Passo 4: Dichiara il Tuo Contenuto
|
|
171
171
|
|
|
@@ -696,41 +696,41 @@ Parallelamente, puoi anche utilizzare il `intlayerMiddlewarePlugin` per aggiunge
|
|
|
696
696
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
697
697
|
import { defineConfig } from "vite";
|
|
698
698
|
import vue from "@vitejs/plugin-vue";
|
|
699
|
-
import {
|
|
699
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
700
700
|
|
|
701
701
|
// https://vitejs.dev/config/
|
|
702
702
|
export default defineConfig({
|
|
703
|
-
plugins: [vue(),
|
|
703
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
704
704
|
});
|
|
705
705
|
```
|
|
706
706
|
|
|
707
707
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
708
708
|
import { defineConfig } from "vite";
|
|
709
709
|
import vue from "@vitejs/plugin-vue";
|
|
710
|
-
import {
|
|
710
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
711
711
|
|
|
712
712
|
// https://vitejs.dev/config/
|
|
713
713
|
export default defineConfig({
|
|
714
|
-
plugins: [vue(),
|
|
714
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
715
715
|
});
|
|
716
716
|
```
|
|
717
717
|
|
|
718
718
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
719
719
|
const { defineConfig } = require("vite");
|
|
720
720
|
const vue = require("@vitejs/plugin-vue");
|
|
721
|
-
const {
|
|
721
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
722
722
|
|
|
723
723
|
// https://vitejs.dev/config/
|
|
724
724
|
module.exports = defineConfig({
|
|
725
|
-
plugins: [vue(),
|
|
725
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
726
726
|
});
|
|
727
727
|
const { defineConfig } = require("vite");
|
|
728
728
|
const vue = require("@vitejs/plugin-vue");
|
|
729
|
-
const {
|
|
729
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
730
730
|
|
|
731
731
|
// https://vitejs.dev/config/
|
|
732
732
|
module.exports = defineConfig({
|
|
733
|
-
plugins: [vue(),
|
|
733
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
734
734
|
});
|
|
735
735
|
```
|
|
736
736
|
|
|
@@ -53,15 +53,15 @@ Ecco un esempio di come includere i plugin nella tua configurazione di vite.
|
|
|
53
53
|
|
|
54
54
|
```typescript fileName="vite.config.ts"
|
|
55
55
|
import { defineConfig } from "vite";
|
|
56
|
-
import {
|
|
56
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
57
57
|
|
|
58
58
|
// https://vitejs.dev/config/
|
|
59
59
|
export default defineConfig({
|
|
60
|
-
plugins: [
|
|
60
|
+
plugins: [intlayer(), intlayerMiddlewarePlugin()],
|
|
61
61
|
});
|
|
62
62
|
```
|
|
63
63
|
|
|
64
|
-
> Il plugin Vite `
|
|
64
|
+
> Il plugin Vite `intlayer()` viene utilizzato per integrare Intlayer con Vite. Garantisce la creazione dei file di dichiarazione dei contenuti e li monitora in modalità sviluppo. Definisce le variabili d'ambiente di Intlayer all'interno dell'applicazione Vite. Inoltre, fornisce alias per ottimizzare le prestazioni.
|
|
65
65
|
|
|
66
66
|
> Il plugin `intlayerMiddlewarePlugin()` aggiunge il routing lato server alla tua applicazione. Questo plugin rileverà automaticamente la locale corrente in base all'URL e imposterà il cookie della locale appropriata. Se non viene specificata alcuna locale, il plugin determinerà la locale più appropriata in base alle preferenze linguistiche del browser dell'utente. Se non viene rilevata alcuna locale, reindirizzerà alla locale predefinita.
|
|
67
67
|
|
|
@@ -143,7 +143,7 @@ import { prepareIntlayer, watch } from "@intlayer/chokidar";
|
|
|
143
143
|
import { getConfiguration, logger } from "@intlayer/config";
|
|
144
144
|
import type { Plugin } from "esbuild";
|
|
145
145
|
|
|
146
|
-
const
|
|
146
|
+
const intlayer: Plugin = {
|
|
147
147
|
name: "intlayer-esbuild-plugin",
|
|
148
148
|
setup(build) {
|
|
149
149
|
const configuration = getConfiguration();
|
|
@@ -173,10 +173,10 @@ const intlayerPlugin: Plugin = {
|
|
|
173
173
|
},
|
|
174
174
|
};
|
|
175
175
|
|
|
176
|
-
export default
|
|
176
|
+
export default intlayer;
|
|
177
177
|
```
|
|
178
178
|
|
|
179
|
-
> esbuild用の`
|
|
179
|
+
> esbuild用の`intlayer`は、ビルド開始前にIntlayerを準備し、開発モードでの変更を監視します。
|
|
180
180
|
|
|
181
181
|
#### オプション 2: Webpackの使用
|
|
182
182
|
|
|
@@ -146,20 +146,20 @@ export default [
|
|
|
146
146
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
147
147
|
import { reactRouter } from "@react-router/dev/vite";
|
|
148
148
|
import { defineConfig } from "vite";
|
|
149
|
-
import { intlayerMiddlewarePlugin,
|
|
149
|
+
import { intlayerMiddlewarePlugin, intlayer } from "vite-intlayer";
|
|
150
150
|
import tsconfigPaths from "vite-tsconfig-paths";
|
|
151
151
|
|
|
152
152
|
export default defineConfig({
|
|
153
153
|
plugins: [
|
|
154
154
|
reactRouter(),
|
|
155
155
|
tsconfigPaths(),
|
|
156
|
-
|
|
156
|
+
intlayer(),
|
|
157
157
|
intlayerMiddlewarePlugin(),
|
|
158
158
|
],
|
|
159
159
|
});
|
|
160
160
|
```
|
|
161
161
|
|
|
162
|
-
> `
|
|
162
|
+
> `intlayer()` Viteプラグインは、IntlayerをViteと統合するために使用されます。これにより、コンテンツ宣言ファイルのビルドが保証され、開発モードで監視されます。また、Viteアプリケーション内でIntlayerの環境変数を定義します。さらに、パフォーマンスを最適化するためのエイリアスも提供します。
|
|
163
163
|
|
|
164
164
|
### ステップ5: レイアウトコンポーネントの作成
|
|
165
165
|
|
|
@@ -140,20 +140,20 @@ module.exports = config;
|
|
|
140
140
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
141
141
|
import { reactRouter } from "@react-router/dev/vite";
|
|
142
142
|
import { defineConfig } from "vite";
|
|
143
|
-
import { intlayerMiddlewarePlugin,
|
|
143
|
+
import { intlayerMiddlewarePlugin, intlayer } from "vite-intlayer";
|
|
144
144
|
import tsconfigPaths from "vite-tsconfig-paths";
|
|
145
145
|
|
|
146
146
|
export default defineConfig({
|
|
147
147
|
plugins: [
|
|
148
148
|
reactRouter(),
|
|
149
149
|
tsconfigPaths(),
|
|
150
|
-
|
|
150
|
+
intlayer(),
|
|
151
151
|
intlayerMiddlewarePlugin(),
|
|
152
152
|
],
|
|
153
153
|
});
|
|
154
154
|
```
|
|
155
155
|
|
|
156
|
-
> `
|
|
156
|
+
> `intlayer()` Viteプラグインは、IntlayerをViteに統合するために使用されます。これにより、コンテンツ宣言ファイルのビルドが保証され、開発モードでの監視が行われます。また、Viteアプリケーション内でIntlayerの環境変数を定義します。さらに、パフォーマンス最適化のためのエイリアスも提供します。
|
|
157
157
|
|
|
158
158
|
### ステップ5: レイアウトコンポーネントの作成
|
|
159
159
|
|