@intlayer/docs 6.0.0-canary.2 → 6.0.0
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/configuration.md +2 -13
- package/docs/en/intlayer_visual_editor.md +7 -4
- 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 @@ intlayer 플러그인을 구성에 추가하세요.
|
|
|
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
|
-
> `
|
|
170
|
+
> `intlayer()` Vite 플러그인은 Intlayer를 Vite와 통합하는 데 사용됩니다. 이 플러그인은 콘텐츠 선언 파일의 빌드를 보장하고 개발 모드에서 이를 모니터링합니다. 또한 Vite 애플리케이션 내에서 Intlayer 환경 변수를 정의합니다. 추가로, 성능 최적화를 위한 별칭(alias)도 제공합니다.
|
|
171
171
|
|
|
172
172
|
### 4단계: 콘텐츠 선언하기
|
|
173
173
|
|
|
@@ -1011,33 +1011,33 @@ const App = () => (
|
|
|
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
|
|
|
@@ -138,37 +138,37 @@ intlayer 플러그인을 구성에 추가하세요.
|
|
|
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
|
-
> `
|
|
171
|
+
> `intlayer()` Vite 플러그인은 Intlayer를 Vite와 통합하는 데 사용됩니다. 이 플러그인은 콘텐츠 선언 파일의 빌드를 보장하고 개발 모드에서 이를 모니터링합니다. 또한 Vite 애플리케이션 내에서 Intlayer 환경 변수를 정의하며, 성능 최적화를 위한 별칭(alias)도 제공합니다.
|
|
172
172
|
|
|
173
173
|
### 4단계: 콘텐츠 선언하기
|
|
174
174
|
|
|
@@ -170,11 +170,11 @@ intlayer 플러그인을 구성에 추가하세요.
|
|
|
170
170
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
171
171
|
import { defineConfig } from "vite";
|
|
172
172
|
import react from "@vitejs/plugin-react-swc";
|
|
173
|
-
import {
|
|
173
|
+
import { intlayer } from "vite-intlayer";
|
|
174
174
|
|
|
175
175
|
// https://vitejs.dev/config/
|
|
176
176
|
export default defineConfig({
|
|
177
|
-
plugins: [react(),
|
|
177
|
+
plugins: [react(), intlayer()],
|
|
178
178
|
});
|
|
179
179
|
```
|
|
180
180
|
|
|
@@ -187,11 +187,11 @@ intlayer 플러그인을 구성에 추가하세요.
|
|
|
187
187
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
188
188
|
import { defineConfig } from "vite";
|
|
189
189
|
import react from "@vitejs/plugin-react-swc";
|
|
190
|
-
import {
|
|
190
|
+
import { intlayer } from "vite-intlayer";
|
|
191
191
|
|
|
192
192
|
// https://vitejs.dev/config/
|
|
193
193
|
export default defineConfig({
|
|
194
|
-
plugins: [react(),
|
|
194
|
+
plugins: [react(), intlayer()],
|
|
195
195
|
});
|
|
196
196
|
```
|
|
197
197
|
|
|
@@ -204,37 +204,37 @@ intlayer 플러그인을 구성에 추가하세요.
|
|
|
204
204
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
205
205
|
import { defineConfig } from "vite";
|
|
206
206
|
import react from "@vitejs/plugin-react-swc";
|
|
207
|
-
import {
|
|
207
|
+
import { intlayer } from "vite-intlayer";
|
|
208
208
|
|
|
209
209
|
// https://vitejs.dev/config/
|
|
210
210
|
export default defineConfig({
|
|
211
|
-
plugins: [react(),
|
|
211
|
+
plugins: [react(), intlayer()],
|
|
212
212
|
});
|
|
213
213
|
````
|
|
214
214
|
|
|
215
215
|
```javascript fileName="vite.config.mjs" codeFormat="esm"
|
|
216
216
|
import { defineConfig } from "vite";
|
|
217
217
|
import react from "@vitejs/plugin-react-swc";
|
|
218
|
-
import {
|
|
218
|
+
import { intlayer } from "vite-intlayer";
|
|
219
219
|
|
|
220
220
|
// https://vitejs.dev/config/
|
|
221
221
|
export default defineConfig({
|
|
222
|
-
plugins: [react(),
|
|
222
|
+
plugins: [react(), intlayer()],
|
|
223
223
|
});
|
|
224
224
|
```
|
|
225
225
|
|
|
226
226
|
```javascript fileName="vite.config.cjs" codeFormat="commonjs"
|
|
227
227
|
const { defineConfig } = require("vite");
|
|
228
228
|
const react = require("@vitejs/plugin-react-swc");
|
|
229
|
-
const {
|
|
229
|
+
const { intlayer } = require("vite-intlayer");
|
|
230
230
|
|
|
231
231
|
// https://vitejs.dev/config/
|
|
232
232
|
module.exports = defineConfig({
|
|
233
|
-
plugins: [react(),
|
|
233
|
+
plugins: [react(), intlayer()],
|
|
234
234
|
});
|
|
235
235
|
```
|
|
236
236
|
|
|
237
|
-
> `
|
|
237
|
+
> `intlayer()` Vite 플러그인은 Intlayer를 Vite와 통합하는 데 사용됩니다. 이 플러그인은 콘텐츠 선언 파일을 빌드하고 개발 모드에서 이를 모니터링합니다. 또한 Vite 애플리케이션 내에서 Intlayer 환경 변수를 정의하며, 성능 최적화를 위한 별칭도 제공합니다.
|
|
238
238
|
|
|
239
239
|
### 4단계: 콘텐츠 선언하기
|
|
240
240
|
|
|
@@ -257,7 +257,7 @@ import { t } from "intlayer";
|
|
|
257
257
|
/** @type {import('intlayer').Dictionary} */
|
|
258
258
|
```
|
|
259
259
|
|
|
260
|
-
> `
|
|
260
|
+
> `intlayer()` Vite 플러그인은 Intlayer를 Vite와 통합하는 데 사용됩니다. 이 플러그인은 콘텐츠 선언 파일의 빌드를 보장하고 개발 모드에서 이를 모니터링합니다. 또한 Vite 애플리케이션 내에서 Intlayer 환경 변수를 정의하며, 성능 최적화를 위해 별칭(alias)을 제공합니다.
|
|
261
261
|
|
|
262
262
|
### 4단계: 콘텐츠 선언하기
|
|
263
263
|
|
|
@@ -134,37 +134,37 @@ intlayer 플러그인을 구성에 추가하세요.
|
|
|
134
134
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
135
135
|
import { defineConfig } from "vite";
|
|
136
136
|
import vue from "@vitejs/plugin-vue";
|
|
137
|
-
import {
|
|
137
|
+
import { intlayer } from "vite-intlayer";
|
|
138
138
|
|
|
139
139
|
// https://vitejs.dev/config/
|
|
140
140
|
export default defineConfig({
|
|
141
|
-
plugins: [vue(),
|
|
141
|
+
plugins: [vue(), intlayer()],
|
|
142
142
|
});
|
|
143
143
|
```
|
|
144
144
|
|
|
145
145
|
```javascript fileName="vite.config.mjs" codeFormat="esm"
|
|
146
146
|
import { defineConfig } from "vite";
|
|
147
147
|
import vue from "@vitejs/plugin-vue";
|
|
148
|
-
import {
|
|
148
|
+
import { intlayer } from "vite-intlayer";
|
|
149
149
|
|
|
150
150
|
// https://vitejs.dev/config/
|
|
151
151
|
export default defineConfig({
|
|
152
|
-
plugins: [vue(),
|
|
152
|
+
plugins: [vue(), intlayer()],
|
|
153
153
|
});
|
|
154
154
|
```
|
|
155
155
|
|
|
156
156
|
```javascript fileName="vite.config.cjs" codeFormat="commonjs"
|
|
157
157
|
const { defineConfig } = require("vite");
|
|
158
158
|
const vue = require("@vitejs/plugin-vue");
|
|
159
|
-
const {
|
|
159
|
+
const { intlayer } = require("vite-intlayer");
|
|
160
160
|
|
|
161
161
|
// https://vitejs.dev/config/
|
|
162
162
|
module.exports = defineConfig({
|
|
163
|
-
plugins: [vue(),
|
|
163
|
+
plugins: [vue(), intlayer()],
|
|
164
164
|
});
|
|
165
165
|
```
|
|
166
166
|
|
|
167
|
-
> `
|
|
167
|
+
> `intlayer()` Vite 플러그인은 Intlayer를 Vite와 통합하는 데 사용됩니다. 이 플러그인은 콘텐츠 선언 파일을 빌드하고 개발 모드에서 이를 모니터링하는 역할을 합니다. 또한 Vite 애플리케이션 내에서 Intlayer 환경 변수를 정의하며, 성능 최적화를 위한 별칭(alias)도 제공합니다.
|
|
168
168
|
|
|
169
169
|
### 4단계: 콘텐츠 선언하기
|
|
170
170
|
|
|
@@ -690,41 +690,41 @@ import LocaleSwitcher from "@components/LocaleSwitcher.vue";
|
|
|
690
690
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
691
691
|
import { defineConfig } from "vite";
|
|
692
692
|
import vue from "@vitejs/plugin-vue";
|
|
693
|
-
import {
|
|
693
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
694
694
|
|
|
695
695
|
// https://vitejs.dev/config/
|
|
696
696
|
export default defineConfig({
|
|
697
|
-
plugins: [vue(),
|
|
697
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
698
698
|
});
|
|
699
699
|
```
|
|
700
700
|
|
|
701
701
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
702
702
|
import { defineConfig } from "vite";
|
|
703
703
|
import vue from "@vitejs/plugin-vue";
|
|
704
|
-
import {
|
|
704
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
705
705
|
|
|
706
706
|
// https://vitejs.dev/config/
|
|
707
707
|
export default defineConfig({
|
|
708
|
-
plugins: [vue(),
|
|
708
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
709
709
|
});
|
|
710
710
|
```
|
|
711
711
|
|
|
712
712
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
713
713
|
const { defineConfig } = require("vite");
|
|
714
714
|
const vue = require("@vitejs/plugin-vue");
|
|
715
|
-
const {
|
|
715
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
716
716
|
|
|
717
717
|
// https://vitejs.dev/config/
|
|
718
718
|
module.exports = defineConfig({
|
|
719
|
-
plugins: [vue(),
|
|
719
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
720
720
|
});
|
|
721
721
|
const { defineConfig } = require("vite");
|
|
722
722
|
const vue = require("@vitejs/plugin-vue");
|
|
723
|
-
const {
|
|
723
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
724
724
|
|
|
725
725
|
// https://vitejs.dev/config/
|
|
726
726
|
module.exports = defineConfig({
|
|
727
|
-
plugins: [vue(),
|
|
727
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
728
728
|
});
|
|
729
729
|
```
|
|
730
730
|
|
|
@@ -53,15 +53,15 @@ 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
|
-
> `
|
|
64
|
+
> `intlayer()` Vite 플러그인은 Intlayer를 Vite와 통합하는 데 사용됩니다. 이 플러그인은 콘텐츠 선언 파일을 빌드하고 개발 모드에서 이를 모니터링하는 기능을 보장합니다. 또한 Vite 애플리케이션 내에서 Intlayer 환경 변수를 정의하며, 성능 최적화를 위해 별칭(alias)을 제공합니다.
|
|
65
65
|
|
|
66
66
|
> `intlayerMiddlewarePlugin()`은 애플리케이션에 서버 사이드 라우팅을 추가합니다. 이 플러그인은 URL을 기반으로 현재 로케일을 자동으로 감지하고 적절한 로케일 쿠키를 설정합니다. 로케일이 지정되지 않은 경우, 사용자의 브라우저 언어 설정을 기반으로 가장 적합한 로케일을 결정합니다. 만약 로케일이 감지되지 않으면 기본 로케일로 리디렉션합니다.
|
|
67
67
|
|
|
@@ -193,7 +193,7 @@ import { prepareIntlayer, watch } from "@intlayer/chokidar";
|
|
|
193
193
|
import { getConfiguration, logger } from "@intlayer/config";
|
|
194
194
|
import type { Plugin } from "esbuild";
|
|
195
195
|
|
|
196
|
-
const
|
|
196
|
+
const intlayer: Plugin = {
|
|
197
197
|
name: "intlayer-esbuild-plugin",
|
|
198
198
|
setup(build) {
|
|
199
199
|
const configuration = getConfiguration();
|
|
@@ -223,10 +223,10 @@ const intlayerPlugin: Plugin = {
|
|
|
223
223
|
},
|
|
224
224
|
};
|
|
225
225
|
|
|
226
|
-
export default
|
|
226
|
+
export default intlayer;
|
|
227
227
|
```
|
|
228
228
|
|
|
229
|
-
> O `
|
|
229
|
+
> O `intlayer` para esbuild garante que o Intlayer seja preparado antes do início da build e monitora alterações no modo de desenvolvimento.
|
|
230
230
|
|
|
231
231
|
#### Opção 2: Usando Webpack
|
|
232
232
|
|
|
@@ -147,20 +147,20 @@ Adicione o plugin intlayer na sua configuração:
|
|
|
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
|
-
> O plugin Vite `
|
|
163
|
+
> O plugin Vite `intlayer()` é usado para integrar o Intlayer com o Vite. Ele garante a construção dos arquivos de declaração de conteúdo e os monitora no modo de desenvolvimento. Define variáveis de ambiente do Intlayer dentro da aplicação Vite. Além disso, fornece aliases para otimizar o desempenho.
|
|
164
164
|
|
|
165
165
|
### Passo 5: Criar Componentes de Layout
|
|
166
166
|
|
|
@@ -142,20 +142,20 @@ Adicione o plugin intlayer na sua configuração:
|
|
|
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
|
-
> O plugin `
|
|
158
|
+
> O plugin `intlayer()` do Vite é usado para integrar o Intlayer com o Vite. Ele garante a construção dos arquivos de declaração de conteúdo e os monitora no modo de desenvolvimento. Define as variáveis de ambiente do Intlayer dentro da aplicação Vite. Além disso, fornece aliases para otimizar o desempenho.
|
|
159
159
|
|
|
160
160
|
### Passo 5: Crie Componentes de Layout
|
|
161
161
|
|
|
@@ -138,37 +138,37 @@ Adicione o plugin intlayer na sua configuração.
|
|
|
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
|
-
> O plugin Vite `
|
|
171
|
+
> O plugin Vite `intlayer()` é usado para integrar o Intlayer com o Vite. Ele garante a construção dos arquivos de declaração de conteúdo e os monitora no modo de desenvolvimento. Define variáveis de ambiente do Intlayer dentro da aplicação Vite. Além disso, fornece aliases para otimizar o desempenho.
|
|
172
172
|
|
|
173
173
|
### Passo 4: Declare Seu Conteúdo
|
|
174
174
|
|
|
@@ -1061,33 +1061,33 @@ Em paralelo, você também pode usar o `intlayerMiddlewarePlugin` para adicionar
|
|
|
1061
1061
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
1062
1062
|
import { defineConfig } from "vite";
|
|
1063
1063
|
import preact from "@preact/preset-vite";
|
|
1064
|
-
import {
|
|
1064
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1065
1065
|
|
|
1066
1066
|
// https://vitejs.dev/config/
|
|
1067
1067
|
export default defineConfig({
|
|
1068
|
-
plugins: [preact(),
|
|
1068
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1069
1069
|
});
|
|
1070
1070
|
```
|
|
1071
1071
|
|
|
1072
1072
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
1073
1073
|
import { defineConfig } from "vite";
|
|
1074
1074
|
import preact from "@preact/preset-vite";
|
|
1075
|
-
import {
|
|
1075
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1076
1076
|
|
|
1077
1077
|
// https://vitejs.dev/config/
|
|
1078
1078
|
export default defineConfig({
|
|
1079
|
-
plugins: [preact(),
|
|
1079
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1080
1080
|
});
|
|
1081
1081
|
```
|
|
1082
1082
|
|
|
1083
1083
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
1084
1084
|
const { defineConfig } = require("vite");
|
|
1085
1085
|
const preact = require("@preact/preset-vite");
|
|
1086
|
-
const {
|
|
1086
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
1087
1087
|
|
|
1088
1088
|
// https://vitejs.dev/config/
|
|
1089
1089
|
module.exports = defineConfig({
|
|
1090
|
-
plugins: [preact(),
|
|
1090
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1091
1091
|
});
|
|
1092
1092
|
```
|
|
1093
1093
|
|
|
@@ -137,37 +137,37 @@ Adicione o plugin intlayer na sua configuração.
|
|
|
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
|
-
> O plugin Vite `
|
|
170
|
+
> O plugin Vite `intlayer()` é usado para integrar o Intlayer com o Vite. Ele garante a construção dos arquivos de declaração de conteúdo e os monitora no modo de desenvolvimento. Define variáveis de ambiente do Intlayer dentro da aplicação Vite. Além disso, fornece aliases para otimizar o desempenho.
|
|
171
171
|
|
|
172
172
|
### Passo 4: Declare Seu Conteúdo
|
|
173
173
|
|
|
@@ -1023,33 +1023,33 @@ Paralelamente, você também pode usar o `intlayerMiddlewarePlugin` para adicion
|
|
|
1023
1023
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
1024
1024
|
import { defineConfig } from "vite";
|
|
1025
1025
|
import react from "@vitejs/plugin-react-swc";
|
|
1026
|
-
import {
|
|
1026
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1027
1027
|
|
|
1028
1028
|
// https://vitejs.dev/config/
|
|
1029
1029
|
export default defineConfig({
|
|
1030
|
-
plugins: [react(),
|
|
1030
|
+
plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1031
1031
|
});
|
|
1032
1032
|
```
|
|
1033
1033
|
|
|
1034
1034
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
1035
1035
|
import { defineConfig } from "vite";
|
|
1036
1036
|
import react from "@vitejs/plugin-react-swc";
|
|
1037
|
-
import {
|
|
1037
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1038
1038
|
|
|
1039
1039
|
// https://vitejs.dev/config/
|
|
1040
1040
|
export default defineConfig({
|
|
1041
|
-
plugins: [react(),
|
|
1041
|
+
plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1042
1042
|
});
|
|
1043
1043
|
```
|
|
1044
1044
|
|
|
1045
1045
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
1046
1046
|
const { defineConfig } = require("vite");
|
|
1047
1047
|
const react = require("@vitejs/plugin-react-swc");
|
|
1048
|
-
const {
|
|
1048
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
1049
1049
|
|
|
1050
1050
|
// https://vitejs.dev/config/
|
|
1051
1051
|
module.exports = defineConfig({
|
|
1052
|
-
plugins: [react(),
|
|
1052
|
+
plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1053
1053
|
});
|
|
1054
1054
|
```
|
|
1055
1055
|
|
|
@@ -138,37 +138,37 @@ Adicione o plugin intlayer na sua configuração.
|
|
|
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
|
-
> O plugin Vite `
|
|
171
|
+
> O plugin Vite `intlayer()` é usado para integrar o Intlayer com o Vite. Ele garante a construção dos arquivos de declaração de conteúdo e os monitora no modo de desenvolvimento. Define variáveis de ambiente do Intlayer dentro da aplicação Vite. Além disso, fornece aliases para otimizar o desempenho.
|
|
172
172
|
|
|
173
173
|
### Passo 4: Declare Seu Conteúdo
|
|
174
174
|
|