@intlayer/docs 6.0.0-canary.2 → 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
|
@@ -138,37 +138,37 @@ module.exports = config;
|
|
|
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
|
-
> `
|
|
171
|
+
> `intlayer()` Viteプラグインは、IntlayerをViteと統合するために使用されます。これにより、コンテンツ宣言ファイルのビルドが保証され、開発モードで監視されます。また、Viteアプリケーション内でIntlayerの環境変数を定義します。さらに、パフォーマンス最適化のためのエイリアスも提供します。
|
|
172
172
|
|
|
173
173
|
### ステップ4: コンテンツを宣言する
|
|
174
174
|
|
|
@@ -1051,33 +1051,33 @@ module.exports = App;
|
|
|
1051
1051
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
1052
1052
|
import { defineConfig } from "vite";
|
|
1053
1053
|
import preact from "@preact/preset-vite";
|
|
1054
|
-
import {
|
|
1054
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1055
1055
|
|
|
1056
1056
|
// https://vitejs.dev/config/
|
|
1057
1057
|
export default defineConfig({
|
|
1058
|
-
plugins: [preact(),
|
|
1058
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1059
1059
|
});
|
|
1060
1060
|
```
|
|
1061
1061
|
|
|
1062
1062
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
1063
1063
|
import { defineConfig } from "vite";
|
|
1064
1064
|
import preact from "@preact/preset-vite";
|
|
1065
|
-
import {
|
|
1065
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1066
1066
|
|
|
1067
1067
|
// https://vitejs.dev/config/
|
|
1068
1068
|
export default defineConfig({
|
|
1069
|
-
plugins: [preact(),
|
|
1069
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1070
1070
|
});
|
|
1071
1071
|
```
|
|
1072
1072
|
|
|
1073
1073
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
1074
1074
|
const { defineConfig } = require("vite");
|
|
1075
1075
|
const preact = require("@preact/preset-vite");
|
|
1076
|
-
const {
|
|
1076
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
1077
1077
|
|
|
1078
1078
|
// https://vitejs.dev/config/
|
|
1079
1079
|
module.exports = defineConfig({
|
|
1080
|
-
plugins: [preact(),
|
|
1080
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1081
1081
|
});
|
|
1082
1082
|
```
|
|
1083
1083
|
|
|
@@ -137,37 +137,37 @@ module.exports = config;
|
|
|
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の環境変数を定義します。さらに、パフォーマンスを最適化するためのエイリアスも提供します。
|
|
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
|
|
|
@@ -136,22 +136,22 @@ intlayerプラグインを設定に追加します。
|
|
|
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
|
|
|
@@ -162,37 +162,37 @@ intlayer プラグインを設定に追加します。
|
|
|
162
162
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
163
163
|
import { defineConfig } from "vite";
|
|
164
164
|
import react from "@vitejs/plugin-react-swc";
|
|
165
|
-
import {
|
|
165
|
+
import { intlayer } from "vite-intlayer";
|
|
166
166
|
|
|
167
167
|
// https://vitejs.dev/config/
|
|
168
168
|
export default defineConfig({
|
|
169
|
-
plugins: [react(),
|
|
169
|
+
plugins: [react(), intlayer()],
|
|
170
170
|
});
|
|
171
171
|
```
|
|
172
172
|
|
|
173
173
|
```javascript fileName="vite.config.mjs" codeFormat="esm"
|
|
174
174
|
import { defineConfig } from "vite";
|
|
175
175
|
import react from "@vitejs/plugin-react-swc";
|
|
176
|
-
import {
|
|
176
|
+
import { intlayer } from "vite-intlayer";
|
|
177
177
|
|
|
178
178
|
// https://vitejs.dev/config/
|
|
179
179
|
export default defineConfig({
|
|
180
|
-
plugins: [react(),
|
|
180
|
+
plugins: [react(), intlayer()],
|
|
181
181
|
});
|
|
182
182
|
```
|
|
183
183
|
|
|
184
184
|
```javascript fileName="vite.config.cjs" codeFormat="commonjs"
|
|
185
185
|
const { defineConfig } = require("vite");
|
|
186
186
|
const react = require("@vitejs/plugin-react-swc");
|
|
187
|
-
const {
|
|
187
|
+
const { intlayer } = require("vite-intlayer");
|
|
188
188
|
|
|
189
189
|
// https://vitejs.dev/config/
|
|
190
190
|
module.exports = defineConfig({
|
|
191
|
-
plugins: [react(),
|
|
191
|
+
plugins: [react(), intlayer()],
|
|
192
192
|
});
|
|
193
193
|
```
|
|
194
194
|
|
|
195
|
-
> `
|
|
195
|
+
> `intlayer()` は Vite プラグインで、Intlayer を Vite に統合するために使用されます。コンテンツ宣言ファイルのビルドを保証し、開発モードでそれらを監視します。Vite アプリケーション内で Intlayer の環境変数を定義します。さらに、パフォーマンス最適化のためのエイリアスも提供します。
|
|
196
196
|
|
|
197
197
|
### ステップ 4: コンテンツを宣言する
|
|
198
198
|
|
|
@@ -140,37 +140,37 @@ module.exports = config;
|
|
|
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
|
-
> `
|
|
173
|
+
> `intlayer()` Viteプラグインは、IntlayerをViteと統合するために使用されます。これはコンテンツ宣言ファイルのビルドを保証し、開発モードでそれらを監視します。Viteアプリケーション内でIntlayerの環境変数を定義します。さらに、パフォーマンス最適化のためのエイリアスも提供します。
|
|
174
174
|
|
|
175
175
|
### ステップ4: コンテンツを宣言する
|
|
176
176
|
|
|
@@ -137,37 +137,37 @@ intlayerプラグインを設定に追加します。
|
|
|
137
137
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
138
138
|
import { defineConfig } from "vite";
|
|
139
139
|
import vue from "@vitejs/plugin-vue";
|
|
140
|
-
import {
|
|
140
|
+
import { intlayer } from "vite-intlayer";
|
|
141
141
|
|
|
142
142
|
// https://vitejs.dev/config/
|
|
143
143
|
export default defineConfig({
|
|
144
|
-
plugins: [vue(),
|
|
144
|
+
plugins: [vue(), 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 vue from "@vitejs/plugin-vue";
|
|
151
|
-
import {
|
|
151
|
+
import { intlayer } from "vite-intlayer";
|
|
152
152
|
|
|
153
153
|
// https://vitejs.dev/config/
|
|
154
154
|
export default defineConfig({
|
|
155
|
-
plugins: [vue(),
|
|
155
|
+
plugins: [vue(), 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 vue = require("@vitejs/plugin-vue");
|
|
162
|
-
const {
|
|
162
|
+
const { intlayer } = require("vite-intlayer");
|
|
163
163
|
|
|
164
164
|
// https://vitejs.dev/config/
|
|
165
165
|
module.exports = defineConfig({
|
|
166
|
-
plugins: [vue(),
|
|
166
|
+
plugins: [vue(), intlayer()],
|
|
167
167
|
});
|
|
168
168
|
```
|
|
169
169
|
|
|
170
|
-
> `
|
|
170
|
+
> `intlayer()` Viteプラグインは、IntlayerをViteと統合するために使用されます。これにより、コンテンツ宣言ファイルのビルドが保証され、開発モードでそれらを監視します。また、Viteアプリケーション内でIntlayerの環境変数を定義します。さらに、パフォーマンスを最適化するためのエイリアスも提供します。
|
|
171
171
|
|
|
172
172
|
### ステップ4: コンテンツを宣言する
|
|
173
173
|
|
|
@@ -686,41 +686,41 @@ import LocaleSwitcher from "@components/LocaleSwitcher.vue";
|
|
|
686
686
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
687
687
|
import { defineConfig } from "vite";
|
|
688
688
|
import vue from "@vitejs/plugin-vue";
|
|
689
|
-
import {
|
|
689
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
690
690
|
|
|
691
691
|
// https://vitejs.dev/config/
|
|
692
692
|
export default defineConfig({
|
|
693
|
-
plugins: [vue(),
|
|
693
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
694
694
|
});
|
|
695
695
|
```
|
|
696
696
|
|
|
697
697
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
698
698
|
import { defineConfig } from "vite";
|
|
699
699
|
import vue from "@vitejs/plugin-vue";
|
|
700
|
-
import {
|
|
700
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
701
701
|
|
|
702
702
|
// https://vitejs.dev/config/
|
|
703
703
|
export default defineConfig({
|
|
704
|
-
plugins: [vue(),
|
|
704
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
705
705
|
});
|
|
706
706
|
```
|
|
707
707
|
|
|
708
708
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
709
709
|
const { defineConfig } = require("vite");
|
|
710
710
|
const vue = require("@vitejs/plugin-vue");
|
|
711
|
-
const {
|
|
711
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
712
712
|
|
|
713
713
|
// https://vitejs.dev/config/
|
|
714
714
|
module.exports = defineConfig({
|
|
715
|
-
plugins: [vue(),
|
|
715
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
716
716
|
});
|
|
717
717
|
const { defineConfig } = require("vite");
|
|
718
718
|
const vue = require("@vitejs/plugin-vue");
|
|
719
|
-
const {
|
|
719
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
720
720
|
|
|
721
721
|
// https://vitejs.dev/config/
|
|
722
722
|
module.exports = defineConfig({
|
|
723
|
-
plugins: [vue(),
|
|
723
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
724
724
|
});
|
|
725
725
|
```
|
|
726
726
|
|
|
@@ -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()` は Intlayer を Vite と統合するための Vite プラグインです。コンテンツ宣言ファイルのビルドを保証し、開発モードでそれらを監視します。Vite アプリケーション内で Intlayer の環境変数を定義します。さらに、パフォーマンスを最適化するためのエイリアスも提供します。
|
|
65
65
|
|
|
66
66
|
> `intlayerMiddlewarePlugin()` はアプリケーションにサーバーサイドルーティングを追加します。このプラグインは URL に基づいて現在のロケールを自動的に検出し、適切なロケールクッキーを設定します。ロケールが指定されていない場合、ユーザーのブラウザの言語設定に基づいて最適なロケールを判別します。ロケールが検出されない場合は、デフォルトのロケールにリダイレクトします。
|
|
67
67
|
|
|
@@ -176,7 +176,7 @@ import { prepareIntlayer, watch } from "@intlayer/chokidar";
|
|
|
176
176
|
import { getConfiguration, logger } from "@intlayer/config";
|
|
177
177
|
import type { Plugin } from "esbuild";
|
|
178
178
|
|
|
179
|
-
const
|
|
179
|
+
const intlayer: Plugin = {
|
|
180
180
|
name: "intlayer-esbuild-plugin",
|
|
181
181
|
setup(build) {
|
|
182
182
|
const configuration = getConfiguration();
|
|
@@ -206,10 +206,10 @@ const intlayerPlugin: Plugin = {
|
|
|
206
206
|
},
|
|
207
207
|
};
|
|
208
208
|
|
|
209
|
-
export default
|
|
209
|
+
export default intlayer;
|
|
210
210
|
```
|
|
211
211
|
|
|
212
|
-
> esbuild용 `
|
|
212
|
+
> esbuild용 `intlayer`은 빌드 시작 전에 Intlayer가 준비되도록 보장하며 개발 모드에서 변경 사항을 감시합니다.
|
|
213
213
|
|
|
214
214
|
#### 옵션 2: Webpack 사용하기
|
|
215
215
|
|
|
@@ -145,20 +145,20 @@ intlayer 플러그인을 구성에 추가하세요:
|
|
|
145
145
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
146
146
|
import { reactRouter } from "@react-router/dev/vite";
|
|
147
147
|
import { defineConfig } from "vite";
|
|
148
|
-
import { intlayerMiddlewarePlugin,
|
|
148
|
+
import { intlayerMiddlewarePlugin, intlayer } from "vite-intlayer";
|
|
149
149
|
import tsconfigPaths from "vite-tsconfig-paths";
|
|
150
150
|
|
|
151
151
|
export default defineConfig({
|
|
152
152
|
plugins: [
|
|
153
153
|
reactRouter(),
|
|
154
154
|
tsconfigPaths(),
|
|
155
|
-
|
|
155
|
+
intlayer(),
|
|
156
156
|
intlayerMiddlewarePlugin(),
|
|
157
157
|
],
|
|
158
158
|
});
|
|
159
159
|
```
|
|
160
160
|
|
|
161
|
-
> `
|
|
161
|
+
> `intlayer()` Vite 플러그인은 Intlayer를 Vite와 통합하는 데 사용됩니다. 이 플러그인은 콘텐츠 선언 파일을 빌드하고 개발 모드에서 이를 모니터링합니다. 또한 Vite 애플리케이션 내에서 Intlayer 환경 변수를 정의하며, 성능 최적화를 위해 별칭(alias)도 제공합니다.
|
|
162
162
|
|
|
163
163
|
### 5단계: 레이아웃 컴포넌트 생성
|
|
164
164
|
|
|
@@ -140,20 +140,20 @@ intlayer 플러그인을 구성에 추가하세요:
|
|
|
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 환경 변수를 정의하며, 성능 최적화를 위해 별칭(alias)도 제공합니다.
|
|
157
157
|
|
|
158
158
|
### 5단계: 레이아웃 컴포넌트 생성
|
|
159
159
|
|
|
@@ -175,11 +175,11 @@ intlayer 플러그인을 구성에 추가하세요.
|
|
|
175
175
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
176
176
|
import { defineConfig } from "vite";
|
|
177
177
|
import preact from "@preact/preset-vite";
|
|
178
|
-
import {
|
|
178
|
+
import { intlayer } from "vite-intlayer";
|
|
179
179
|
|
|
180
180
|
// https://vitejs.dev/config/
|
|
181
181
|
export default defineConfig({
|
|
182
|
-
plugins: [preact(),
|
|
182
|
+
plugins: [preact(), intlayer()],
|
|
183
183
|
});
|
|
184
184
|
```
|
|
185
185
|
|
|
@@ -192,37 +192,37 @@ intlayer 플러그인을 구성에 추가하세요.
|
|
|
192
192
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
193
193
|
import { defineConfig } from "vite";
|
|
194
194
|
import preact from "@preact/preset-vite";
|
|
195
|
-
import {
|
|
195
|
+
import { intlayer } from "vite-intlayer";
|
|
196
196
|
|
|
197
197
|
// https://vitejs.dev/config/
|
|
198
198
|
export default defineConfig({
|
|
199
|
-
plugins: [preact(),
|
|
199
|
+
plugins: [preact(), intlayer()],
|
|
200
200
|
});
|
|
201
201
|
```
|
|
202
202
|
|
|
203
203
|
```javascript fileName="vite.config.mjs" codeFormat="esm"
|
|
204
204
|
import { defineConfig } from "vite";
|
|
205
205
|
import preact from "@preact/preset-vite";
|
|
206
|
-
import {
|
|
206
|
+
import { intlayer } from "vite-intlayer";
|
|
207
207
|
|
|
208
208
|
// https://vitejs.dev/config/
|
|
209
209
|
export default defineConfig({
|
|
210
|
-
plugins: [preact(),
|
|
210
|
+
plugins: [preact(), intlayer()],
|
|
211
211
|
});
|
|
212
212
|
```
|
|
213
213
|
|
|
214
214
|
```javascript fileName="vite.config.cjs" codeFormat="commonjs"
|
|
215
215
|
const { defineConfig } = require("vite");
|
|
216
216
|
const preact = require("@preact/preset-vite");
|
|
217
|
-
const {
|
|
217
|
+
const { intlayer } = require("vite-intlayer");
|
|
218
218
|
|
|
219
219
|
// https://vitejs.dev/config/
|
|
220
220
|
module.exports = defineConfig({
|
|
221
|
-
plugins: [preact(),
|
|
221
|
+
plugins: [preact(), intlayer()],
|
|
222
222
|
});
|
|
223
223
|
```
|
|
224
224
|
|
|
225
|
-
> `
|
|
225
|
+
> `intlayer()` Vite 플러그인은 Intlayer를 Vite와 통합하기 위해 사용됩니다. 이 플러그인은 콘텐츠 선언 파일의 빌드를 보장하고 개발 모드에서 이를 모니터링합니다. 또한 Vite 애플리케이션 내에서 Intlayer 환경 변수를 정의하며, 성능 최적화를 위해 별칭(alias)도 제공합니다.
|
|
226
226
|
|
|
227
227
|
### 4단계: 콘텐츠 선언하기
|
|
228
228
|
|
|
@@ -1110,33 +1110,33 @@ module.exports = App;
|
|
|
1110
1110
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
1111
1111
|
import { defineConfig } from "vite";
|
|
1112
1112
|
import preact from "@preact/preset-vite";
|
|
1113
|
-
import {
|
|
1113
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1114
1114
|
|
|
1115
1115
|
// https://vitejs.dev/config/
|
|
1116
1116
|
export default defineConfig({
|
|
1117
|
-
plugins: [preact(),
|
|
1117
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1118
1118
|
});
|
|
1119
1119
|
```
|
|
1120
1120
|
|
|
1121
1121
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
1122
1122
|
import { defineConfig } from "vite";
|
|
1123
1123
|
import preact from "@preact/preset-vite";
|
|
1124
|
-
import {
|
|
1124
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1125
1125
|
|
|
1126
1126
|
// https://vitejs.dev/config/
|
|
1127
1127
|
export default defineConfig({
|
|
1128
|
-
plugins: [preact(),
|
|
1128
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1129
1129
|
});
|
|
1130
1130
|
```
|
|
1131
1131
|
|
|
1132
1132
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
1133
1133
|
const { defineConfig } = require("vite");
|
|
1134
1134
|
const preact = require("@preact/preset-vite");
|
|
1135
|
-
const {
|
|
1135
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
1136
1136
|
|
|
1137
1137
|
// https://vitejs.dev/config/
|
|
1138
1138
|
module.exports = defineConfig({
|
|
1139
|
-
plugins: [preact(),
|
|
1139
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1140
1140
|
});
|
|
1141
1141
|
```
|
|
1142
1142
|
|