@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
|
@@ -137,37 +137,37 @@ Fügen Sie das Intlayer-Plugin in Ihre Konfiguration ein.
|
|
|
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
|
-
> Das `
|
|
170
|
+
> Das `intlayer()` Vite-Plugin wird verwendet, um Intlayer mit Vite zu integrieren. Es stellt sicher, dass Inhaltsdeklarationsdateien erstellt und im Entwicklungsmodus überwacht werden. Es definiert Intlayer-Umgebungsvariablen innerhalb der Vite-Anwendung. Zusätzlich bietet es Aliase zur Optimierung der Leistung.
|
|
171
171
|
|
|
172
172
|
### Schritt 4: Deklarieren Sie Ihre Inhalte
|
|
173
173
|
|
|
@@ -1021,33 +1021,33 @@ Parallel dazu können Sie auch das `intlayerMiddlewarePlugin` verwenden, um serv
|
|
|
1021
1021
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
1022
1022
|
import { defineConfig } from "vite";
|
|
1023
1023
|
import react from "@vitejs/plugin-react-swc";
|
|
1024
|
-
import {
|
|
1024
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1025
1025
|
|
|
1026
1026
|
// https://vitejs.dev/config/
|
|
1027
1027
|
export default defineConfig({
|
|
1028
|
-
plugins: [react(),
|
|
1028
|
+
plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1029
1029
|
});
|
|
1030
1030
|
```
|
|
1031
1031
|
|
|
1032
1032
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
1033
1033
|
import { defineConfig } from "vite";
|
|
1034
1034
|
import react from "@vitejs/plugin-react-swc";
|
|
1035
|
-
import {
|
|
1035
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1036
1036
|
|
|
1037
1037
|
// https://vitejs.dev/config/
|
|
1038
1038
|
export default defineConfig({
|
|
1039
|
-
plugins: [react(),
|
|
1039
|
+
plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1040
1040
|
});
|
|
1041
1041
|
```
|
|
1042
1042
|
|
|
1043
1043
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
1044
1044
|
const { defineConfig } = require("vite");
|
|
1045
1045
|
const react = require("@vitejs/plugin-react-swc");
|
|
1046
|
-
const {
|
|
1046
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
1047
1047
|
|
|
1048
1048
|
// https://vitejs.dev/config/
|
|
1049
1049
|
module.exports = defineConfig({
|
|
1050
|
-
plugins: [react(),
|
|
1050
|
+
plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1051
1051
|
});
|
|
1052
1052
|
```
|
|
1053
1053
|
|
|
@@ -140,37 +140,37 @@ Fügen Sie das Intlayer-Plugin in Ihre Konfiguration ein.
|
|
|
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
|
-
> Das `
|
|
173
|
+
> Das `intlayer()` Vite-Plugin wird verwendet, um Intlayer mit Vite zu integrieren. Es sorgt für den Aufbau von Inhaltsdeklarationsdateien und überwacht diese im Entwicklungsmodus. Es definiert Intlayer-Umgebungsvariablen innerhalb der Vite-Anwendung. Zusätzlich stellt es Aliase zur Optimierung der Leistung bereit.
|
|
174
174
|
|
|
175
175
|
### Schritt 4: Deklarieren Sie Ihren Inhalt
|
|
176
176
|
|
|
@@ -139,37 +139,37 @@ Fügen Sie das Intlayer-Plugin in Ihre Konfiguration ein.
|
|
|
139
139
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
140
140
|
import { defineConfig } from "vite";
|
|
141
141
|
import react from "@vitejs/plugin-react-swc";
|
|
142
|
-
import {
|
|
142
|
+
import { intlayer } from "vite-intlayer";
|
|
143
143
|
|
|
144
144
|
// https://vitejs.dev/config/
|
|
145
145
|
export default defineConfig({
|
|
146
|
-
plugins: [react(),
|
|
146
|
+
plugins: [react(), intlayer()],
|
|
147
147
|
});
|
|
148
148
|
```
|
|
149
149
|
|
|
150
150
|
```javascript fileName="vite.config.mjs" codeFormat="esm"
|
|
151
151
|
import { defineConfig } from "vite";
|
|
152
152
|
import react from "@vitejs/plugin-react-swc";
|
|
153
|
-
import {
|
|
153
|
+
import { intlayer } from "vite-intlayer";
|
|
154
154
|
|
|
155
155
|
// https://vitejs.dev/config/
|
|
156
156
|
export default defineConfig({
|
|
157
|
-
plugins: [react(),
|
|
157
|
+
plugins: [react(), intlayer()],
|
|
158
158
|
});
|
|
159
159
|
```
|
|
160
160
|
|
|
161
161
|
```javascript fileName="vite.config.cjs" codeFormat="commonjs"
|
|
162
162
|
const { defineConfig } = require("vite");
|
|
163
163
|
const react = require("@vitejs/plugin-react-swc");
|
|
164
|
-
const {
|
|
164
|
+
const { intlayer } = require("vite-intlayer");
|
|
165
165
|
|
|
166
166
|
// https://vitejs.dev/config/
|
|
167
167
|
module.exports = defineConfig({
|
|
168
|
-
plugins: [react(),
|
|
168
|
+
plugins: [react(), intlayer()],
|
|
169
169
|
});
|
|
170
170
|
```
|
|
171
171
|
|
|
172
|
-
> Das `
|
|
172
|
+
> Das `intlayer()` Vite-Plugin wird verwendet, um Intlayer mit Vite zu integrieren. Es stellt sicher, dass Content-Deklarationsdateien erstellt und im Entwicklungsmodus überwacht werden. Es definiert Intlayer-Umgebungsvariablen innerhalb der Vite-Anwendung. Zusätzlich bietet es Aliase zur Optimierung der Leistung.
|
|
173
173
|
|
|
174
174
|
### Schritt 4: Deklarieren Sie Ihren Inhalt
|
|
175
175
|
|
|
@@ -136,37 +136,37 @@ Fügen Sie das Intlayer-Plugin in Ihre Konfiguration ein.
|
|
|
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
|
-
> Das `
|
|
169
|
+
> Das `intlayer()` Vite-Plugin wird verwendet, um Intlayer mit Vite zu integrieren. Es sorgt für den Aufbau von Inhaltsdeklarationsdateien und überwacht diese im Entwicklungsmodus. Es definiert Intlayer-Umgebungsvariablen innerhalb der Vite-Anwendung. Zusätzlich stellt es Aliase bereit, um die Leistung zu optimieren.
|
|
170
170
|
|
|
171
171
|
### Schritt 4: Deklarieren Sie Ihren Inhalt
|
|
172
172
|
|
|
@@ -703,41 +703,41 @@ Parallel dazu können Sie auch das `intlayerMiddlewarePlugin` verwenden, um serv
|
|
|
703
703
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
704
704
|
import { defineConfig } from "vite";
|
|
705
705
|
import vue from "@vitejs/plugin-vue";
|
|
706
|
-
import {
|
|
706
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
707
707
|
|
|
708
708
|
// https://vitejs.dev/config/
|
|
709
709
|
export default defineConfig({
|
|
710
|
-
plugins: [vue(),
|
|
710
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
711
711
|
});
|
|
712
712
|
```
|
|
713
713
|
|
|
714
714
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
715
715
|
import { defineConfig } from "vite";
|
|
716
716
|
import vue from "@vitejs/plugin-vue";
|
|
717
|
-
import {
|
|
717
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
718
718
|
|
|
719
719
|
// https://vitejs.dev/config/
|
|
720
720
|
export default defineConfig({
|
|
721
|
-
plugins: [vue(),
|
|
721
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
722
722
|
});
|
|
723
723
|
```
|
|
724
724
|
|
|
725
725
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
726
726
|
const { defineConfig } = require("vite");
|
|
727
727
|
const vue = require("@vitejs/plugin-vue");
|
|
728
|
-
const {
|
|
728
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
729
729
|
|
|
730
730
|
// https://vitejs.dev/config/
|
|
731
731
|
module.exports = defineConfig({
|
|
732
|
-
plugins: [vue(),
|
|
732
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
733
733
|
});
|
|
734
734
|
const { defineConfig } = require("vite");
|
|
735
735
|
const vue = require("@vitejs/plugin-vue");
|
|
736
|
-
const {
|
|
736
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
737
737
|
|
|
738
738
|
// https://vitejs.dev/config/
|
|
739
739
|
module.exports = defineConfig({
|
|
740
|
-
plugins: [vue(),
|
|
740
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
741
741
|
});
|
|
742
742
|
```
|
|
743
743
|
|
|
@@ -53,15 +53,15 @@ Sehen Sie ein Beispiel, wie Sie die Plugins in Ihre Vite-Konfiguration einbinden
|
|
|
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
|
-
> Das `
|
|
64
|
+
> Das `intlayer()` Vite-Plugin wird verwendet, um Intlayer in Vite zu integrieren. Es sorgt für den Aufbau von Inhaltsdeklarationsdateien und überwacht diese im Entwicklungsmodus. Es definiert Intlayer-Umgebungsvariablen innerhalb der Vite-Anwendung. Zusätzlich stellt es Aliase bereit, um die Leistung zu optimieren.
|
|
65
65
|
|
|
66
66
|
> Das `intlayerMiddlewarePlugin()` fügt Ihrer Anwendung serverseitiges Routing hinzu. Dieses Plugin erkennt automatisch die aktuelle Sprache basierend auf der URL und setzt das entsprechende Sprach-Cookie. Wenn keine Sprache angegeben ist, bestimmt das Plugin die am besten geeignete Sprache basierend auf den Spracheinstellungen des Browsers des Benutzers. Wenn keine Sprache erkannt wird, erfolgt eine Weiterleitung zur Standardsprache.
|
|
67
67
|
|
|
@@ -160,7 +160,7 @@ import { prepareIntlayer, watch } from "@intlayer/chokidar";
|
|
|
160
160
|
import { getConfiguration, logger } from "@intlayer/config";
|
|
161
161
|
import type { Plugin } from "esbuild";
|
|
162
162
|
|
|
163
|
-
const
|
|
163
|
+
const intlayer: Plugin = {
|
|
164
164
|
name: "intlayer-esbuild-plugin",
|
|
165
165
|
setup(build) {
|
|
166
166
|
const configuration = getConfiguration();
|
|
@@ -190,10 +190,10 @@ const intlayerPlugin: Plugin = {
|
|
|
190
190
|
},
|
|
191
191
|
};
|
|
192
192
|
|
|
193
|
-
export default
|
|
193
|
+
export default intlayer;
|
|
194
194
|
```
|
|
195
195
|
|
|
196
|
-
> The `
|
|
196
|
+
> The `intlayer` for esbuild ensures that Intlayer is prepared before the build starts and watches for changes in development mode.
|
|
197
197
|
|
|
198
198
|
#### Option 2: Using Webpack
|
|
199
199
|
|
|
@@ -144,20 +144,20 @@ Add the intlayer plugin into your configuration:
|
|
|
144
144
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
145
145
|
import { reactRouter } from "@react-router/dev/vite";
|
|
146
146
|
import { defineConfig } from "vite";
|
|
147
|
-
import { intlayerMiddlewarePlugin,
|
|
147
|
+
import { intlayerMiddlewarePlugin, intlayer } from "vite-intlayer";
|
|
148
148
|
import tsconfigPaths from "vite-tsconfig-paths";
|
|
149
149
|
|
|
150
150
|
export default defineConfig({
|
|
151
151
|
plugins: [
|
|
152
152
|
reactRouter(),
|
|
153
153
|
tsconfigPaths(),
|
|
154
|
-
|
|
154
|
+
intlayer(),
|
|
155
155
|
intlayerMiddlewarePlugin(),
|
|
156
156
|
],
|
|
157
157
|
});
|
|
158
158
|
```
|
|
159
159
|
|
|
160
|
-
> The `
|
|
160
|
+
> The `intlayer()` Vite plugin is used to integrate Intlayer with Vite. It ensures the building of content declaration files and monitors them in development mode. It defines Intlayer environment variables within the Vite application. Additionally, it provides aliases to optimize performance.
|
|
161
161
|
|
|
162
162
|
### Step 5: Create Layout Components
|
|
163
163
|
|
|
@@ -140,20 +140,20 @@ Add the intlayer plugin into your configuration:
|
|
|
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
|
-
> The `
|
|
156
|
+
> The `intlayer()` Vite plugin is used to integrate Intlayer with Vite. It ensures the building of content declaration files and monitors them in development mode. It defines Intlayer environment variables within the Vite application. Additionally, it provides aliases to optimize performance.
|
|
157
157
|
|
|
158
158
|
### Step 5: Create Layout Components
|
|
159
159
|
|
|
@@ -136,37 +136,37 @@ Add the intlayer plugin into your configuration.
|
|
|
136
136
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
137
137
|
import { defineConfig } from "vite";
|
|
138
138
|
import preact from "@preact/preset-vite";
|
|
139
|
-
import {
|
|
139
|
+
import { intlayer } from "vite-intlayer";
|
|
140
140
|
|
|
141
141
|
// https://vitejs.dev/config/
|
|
142
142
|
export default defineConfig({
|
|
143
|
-
plugins: [preact(),
|
|
143
|
+
plugins: [preact(), 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 preact from "@preact/preset-vite";
|
|
150
|
-
import {
|
|
150
|
+
import { intlayer } from "vite-intlayer";
|
|
151
151
|
|
|
152
152
|
// https://vitejs.dev/config/
|
|
153
153
|
export default defineConfig({
|
|
154
|
-
plugins: [preact(),
|
|
154
|
+
plugins: [preact(), 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 preact = require("@preact/preset-vite");
|
|
161
|
-
const {
|
|
161
|
+
const { intlayer } = require("vite-intlayer");
|
|
162
162
|
|
|
163
163
|
// https://vitejs.dev/config/
|
|
164
164
|
module.exports = defineConfig({
|
|
165
|
-
plugins: [preact(),
|
|
165
|
+
plugins: [preact(), intlayer()],
|
|
166
166
|
});
|
|
167
167
|
```
|
|
168
168
|
|
|
169
|
-
> The `
|
|
169
|
+
> The `intlayer()` Vite plugin is used to integrate Intlayer with Vite. It ensures the building of content declaration files and monitors them in development mode. It defines Intlayer environment variables within the Vite application. Additionally, it provides aliases to optimize performance.
|
|
170
170
|
|
|
171
171
|
### Step 4: Declare Your Content
|
|
172
172
|
|
|
@@ -1043,33 +1043,33 @@ In parallel, you can also use the `intlayerMiddlewarePlugin` to add server-side
|
|
|
1043
1043
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
1044
1044
|
import { defineConfig } from "vite";
|
|
1045
1045
|
import preact from "@preact/preset-vite";
|
|
1046
|
-
import {
|
|
1046
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1047
1047
|
|
|
1048
1048
|
// https://vitejs.dev/config/
|
|
1049
1049
|
export default defineConfig({
|
|
1050
|
-
plugins: [preact(),
|
|
1050
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1051
1051
|
});
|
|
1052
1052
|
```
|
|
1053
1053
|
|
|
1054
1054
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
1055
1055
|
import { defineConfig } from "vite";
|
|
1056
1056
|
import preact from "@preact/preset-vite";
|
|
1057
|
-
import {
|
|
1057
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1058
1058
|
|
|
1059
1059
|
// https://vitejs.dev/config/
|
|
1060
1060
|
export default defineConfig({
|
|
1061
|
-
plugins: [preact(),
|
|
1061
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1062
1062
|
});
|
|
1063
1063
|
```
|
|
1064
1064
|
|
|
1065
1065
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
1066
1066
|
const { defineConfig } = require("vite");
|
|
1067
1067
|
const preact = require("@preact/preset-vite");
|
|
1068
|
-
const {
|
|
1068
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
1069
1069
|
|
|
1070
1070
|
// https://vitejs.dev/config/
|
|
1071
1071
|
module.exports = defineConfig({
|
|
1072
|
-
plugins: [preact(),
|
|
1072
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1073
1073
|
});
|
|
1074
1074
|
```
|
|
1075
1075
|
|
|
@@ -138,37 +138,37 @@ Add the intlayer plugin into your configuration.
|
|
|
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
|
-
> The `
|
|
171
|
+
> The `intlayer()` Vite plugin is used to integrate Intlayer with Vite. It ensures the building of content declaration files and monitors them in development mode. It defines Intlayer environment variables within the Vite application. Additionally, it provides aliases to optimize performance.
|
|
172
172
|
|
|
173
173
|
### Step 4: Declare Your Content
|
|
174
174
|
|
|
@@ -1011,33 +1011,33 @@ In parallel, you can also use the `intlayerMiddlewarePlugin` to add server-side
|
|
|
1011
1011
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
1012
1012
|
import { defineConfig } from "vite";
|
|
1013
1013
|
import react from "@vitejs/plugin-react-swc";
|
|
1014
|
-
import {
|
|
1014
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1015
1015
|
|
|
1016
1016
|
// https://vitejs.dev/config/
|
|
1017
1017
|
export default defineConfig({
|
|
1018
|
-
plugins: [react(),
|
|
1018
|
+
plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1019
1019
|
});
|
|
1020
1020
|
```
|
|
1021
1021
|
|
|
1022
1022
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
1023
1023
|
import { defineConfig } from "vite";
|
|
1024
1024
|
import react from "@vitejs/plugin-react-swc";
|
|
1025
|
-
import {
|
|
1025
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1026
1026
|
|
|
1027
1027
|
// https://vitejs.dev/config/
|
|
1028
1028
|
export default defineConfig({
|
|
1029
|
-
plugins: [react(),
|
|
1029
|
+
plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1030
1030
|
});
|
|
1031
1031
|
```
|
|
1032
1032
|
|
|
1033
1033
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
1034
1034
|
const { defineConfig } = require("vite");
|
|
1035
1035
|
const react = require("@vitejs/plugin-react-swc");
|
|
1036
|
-
const {
|
|
1036
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
1037
1037
|
|
|
1038
1038
|
// https://vitejs.dev/config/
|
|
1039
1039
|
module.exports = defineConfig({
|
|
1040
|
-
plugins: [react(),
|
|
1040
|
+
plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1041
1041
|
});
|
|
1042
1042
|
```
|
|
1043
1043
|
|
|
@@ -136,37 +136,37 @@ Add the intlayer plugin into your configuration.
|
|
|
136
136
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
137
137
|
import { defineConfig } from "vite";
|
|
138
138
|
import react from "@vitejs/plugin-react-swc";
|
|
139
|
-
import {
|
|
139
|
+
import { intlayer } from "vite-intlayer";
|
|
140
140
|
|
|
141
141
|
// https://vitejs.dev/config/
|
|
142
142
|
export default defineConfig({
|
|
143
|
-
plugins: [react(),
|
|
143
|
+
plugins: [react(), 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 react from "@vitejs/plugin-react-swc";
|
|
150
|
-
import {
|
|
150
|
+
import { intlayer } from "vite-intlayer";
|
|
151
151
|
|
|
152
152
|
// https://vitejs.dev/config/
|
|
153
153
|
export default defineConfig({
|
|
154
|
-
plugins: [react(),
|
|
154
|
+
plugins: [react(), 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 react = require("@vitejs/plugin-react-swc");
|
|
161
|
-
const {
|
|
161
|
+
const { intlayer } = require("vite-intlayer");
|
|
162
162
|
|
|
163
163
|
// https://vitejs.dev/config/
|
|
164
164
|
module.exports = defineConfig({
|
|
165
|
-
plugins: [react(),
|
|
165
|
+
plugins: [react(), intlayer()],
|
|
166
166
|
});
|
|
167
167
|
```
|
|
168
168
|
|
|
169
|
-
> The `
|
|
169
|
+
> The `intlayer()` Vite plugin is used to integrate Intlayer with Vite. It ensures the building of content declaration files and monitors them in development mode. It defines Intlayer environment variables within the Vite application. Additionally, it provides aliases to optimize performance.
|
|
170
170
|
|
|
171
171
|
### Step 4: Declare Your Content
|
|
172
172
|
|
|
@@ -136,37 +136,37 @@ Add the intlayer plugin into your configuration.
|
|
|
136
136
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
137
137
|
import { defineConfig } from "vite";
|
|
138
138
|
import react from "@vitejs/plugin-react-swc";
|
|
139
|
-
import {
|
|
139
|
+
import { intlayer } from "vite-intlayer";
|
|
140
140
|
|
|
141
141
|
// https://vitejs.dev/config/
|
|
142
142
|
export default defineConfig({
|
|
143
|
-
plugins: [react(),
|
|
143
|
+
plugins: [react(), 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 react from "@vitejs/plugin-react-swc";
|
|
150
|
-
import {
|
|
150
|
+
import { intlayer } from "vite-intlayer";
|
|
151
151
|
|
|
152
152
|
// https://vitejs.dev/config/
|
|
153
153
|
export default defineConfig({
|
|
154
|
-
plugins: [react(),
|
|
154
|
+
plugins: [react(), 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 react = require("@vitejs/plugin-react-swc");
|
|
161
|
-
const {
|
|
161
|
+
const { intlayer } = require("vite-intlayer");
|
|
162
162
|
|
|
163
163
|
// https://vitejs.dev/config/
|
|
164
164
|
module.exports = defineConfig({
|
|
165
|
-
plugins: [react(),
|
|
165
|
+
plugins: [react(), intlayer()],
|
|
166
166
|
});
|
|
167
167
|
```
|
|
168
168
|
|
|
169
|
-
> The `
|
|
169
|
+
> The `intlayer()` Vite plugin is used to integrate Intlayer with Vite. It ensures the building of content declaration files and monitors them in development mode. It defines Intlayer environment variables within the Vite application. Additionally, it provides aliases to optimize performance.
|
|
170
170
|
|
|
171
171
|
### Step 4: Declare Your Content
|
|
172
172
|
|