@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
|
@@ -169,7 +169,7 @@ import { prepareIntlayer, watch } from "@intlayer/chokidar";
|
|
|
169
169
|
import { getConfiguration, logger } from "@intlayer/config";
|
|
170
170
|
import type { Plugin } from "esbuild";
|
|
171
171
|
|
|
172
|
-
const
|
|
172
|
+
const intlayer: Plugin = {
|
|
173
173
|
name: "intlayer-esbuild-plugin",
|
|
174
174
|
setup(build) {
|
|
175
175
|
const configuration = getConfiguration();
|
|
@@ -199,10 +199,10 @@ const intlayerPlugin: Plugin = {
|
|
|
199
199
|
},
|
|
200
200
|
};
|
|
201
201
|
|
|
202
|
-
export default
|
|
202
|
+
export default intlayer;
|
|
203
203
|
```
|
|
204
204
|
|
|
205
|
-
> يضمن مكون `
|
|
205
|
+
> يضمن مكون `intlayer` الخاص بـ esbuild تجهيز Intlayer قبل بدء البناء ومراقبة التغييرات في وضع التطوير.
|
|
206
206
|
|
|
207
207
|
#### الخيار 2: استخدام Webpack
|
|
208
208
|
|
|
@@ -144,20 +144,20 @@ export default [
|
|
|
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
|
-
> يتم استخدام مكون Vite الإضافي `
|
|
160
|
+
> يتم استخدام مكون Vite الإضافي `intlayer()` لدمج Intlayer مع Vite. يضمن بناء ملفات إعلان المحتوى ومراقبتها في وضع التطوير. كما يعرّف متغيرات بيئة Intlayer داخل تطبيق Vite. بالإضافة إلى ذلك، يوفر ألقابًا لتحسين الأداء.
|
|
161
161
|
|
|
162
162
|
### الخطوة 5: إنشاء مكونات التخطيط
|
|
163
163
|
|
|
@@ -140,20 +140,20 @@ module.exports = config;
|
|
|
140
140
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
141
141
|
import { reactRouter } from "@react-router/dev/vite";
|
|
142
142
|
import { defineConfig } from "vite";
|
|
143
|
-
import { intlayerMiddlewarePlugin,
|
|
143
|
+
import { intlayerMiddlewarePlugin, intlayer } from "vite-intlayer";
|
|
144
144
|
import tsconfigPaths from "vite-tsconfig-paths";
|
|
145
145
|
|
|
146
146
|
export default defineConfig({
|
|
147
147
|
plugins: [
|
|
148
148
|
reactRouter(),
|
|
149
149
|
tsconfigPaths(),
|
|
150
|
-
|
|
150
|
+
intlayer(),
|
|
151
151
|
intlayerMiddlewarePlugin(),
|
|
152
152
|
],
|
|
153
153
|
});
|
|
154
154
|
```
|
|
155
155
|
|
|
156
|
-
> يتم استخدام مكون Vite الإضافي `
|
|
156
|
+
> يتم استخدام مكون Vite الإضافي `intlayer()` لدمج Intlayer مع Vite. يضمن بناء ملفات إعلان المحتوى ومراقبتها في وضع التطوير. كما يعرّف متغيرات بيئة Intlayer داخل تطبيق Vite. بالإضافة إلى ذلك، يوفر ألقابًا لتحسين الأداء.
|
|
157
157
|
|
|
158
158
|
### الخطوة 5: إنشاء مكونات التخطيط
|
|
159
159
|
|
|
@@ -136,37 +136,37 @@ module.exports = config;
|
|
|
136
136
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
137
137
|
import { defineConfig } from "vite";
|
|
138
138
|
import 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
|
-
> يتم استخدام مكون Vite الإضافي `
|
|
169
|
+
> يتم استخدام مكون Vite الإضافي `intlayer()` لدمج Intlayer مع Vite. يضمن بناء ملفات إعلان المحتوى ويراقبها في وضع التطوير. كما يحدد متغيرات بيئة Intlayer داخل تطبيق Vite. بالإضافة إلى ذلك، يوفر ألقابًا لتحسين الأداء.
|
|
170
170
|
|
|
171
171
|
### الخطوة 4: إعلان المحتوى الخاص بك
|
|
172
172
|
|
|
@@ -1059,33 +1059,33 @@ module.exports = App;
|
|
|
1059
1059
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
1060
1060
|
import { defineConfig } from "vite";
|
|
1061
1061
|
import preact from "@preact/preset-vite";
|
|
1062
|
-
import {
|
|
1062
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1063
1063
|
|
|
1064
1064
|
// https://vitejs.dev/config/
|
|
1065
1065
|
export default defineConfig({
|
|
1066
|
-
plugins: [preact(),
|
|
1066
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1067
1067
|
});
|
|
1068
1068
|
```
|
|
1069
1069
|
|
|
1070
1070
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
1071
1071
|
import { defineConfig } from "vite";
|
|
1072
1072
|
import preact from "@preact/preset-vite";
|
|
1073
|
-
import {
|
|
1073
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1074
1074
|
|
|
1075
1075
|
// https://vitejs.dev/config/
|
|
1076
1076
|
export default defineConfig({
|
|
1077
|
-
plugins: [preact(),
|
|
1077
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1078
1078
|
});
|
|
1079
1079
|
```
|
|
1080
1080
|
|
|
1081
1081
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
1082
1082
|
const { defineConfig } = require("vite");
|
|
1083
1083
|
const preact = require("@preact/preset-vite");
|
|
1084
|
-
const {
|
|
1084
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
1085
1085
|
|
|
1086
1086
|
// https://vitejs.dev/config/
|
|
1087
1087
|
module.exports = defineConfig({
|
|
1088
|
-
plugins: [preact(),
|
|
1088
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1089
1089
|
});
|
|
1090
1090
|
```
|
|
1091
1091
|
|
|
@@ -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 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
|
-
> يتم استخدام مكون Vite الإضافي `
|
|
171
|
+
> يتم استخدام مكون Vite الإضافي `intlayer()` لدمج Intlayer مع Vite. يضمن بناء ملفات إعلان المحتوى ويراقبها في وضع التطوير. كما يعرّف متغيرات بيئة Intlayer داخل تطبيق Vite. بالإضافة إلى ذلك، يوفر أسماء مستعارة لتحسين الأداء.
|
|
172
172
|
|
|
173
173
|
### الخطوة 4: إعلان المحتوى الخاص بك
|
|
174
174
|
|
|
@@ -1014,33 +1014,33 @@ const App = () => (
|
|
|
1014
1014
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
1015
1015
|
import { defineConfig } from "vite";
|
|
1016
1016
|
import react from "@vitejs/plugin-react-swc";
|
|
1017
|
-
import {
|
|
1017
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1018
1018
|
|
|
1019
1019
|
// https://vitejs.dev/config/
|
|
1020
1020
|
export default defineConfig({
|
|
1021
|
-
plugins: [react(),
|
|
1021
|
+
plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1022
1022
|
});
|
|
1023
1023
|
```
|
|
1024
1024
|
|
|
1025
1025
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
1026
1026
|
import { defineConfig } from "vite";
|
|
1027
1027
|
import react from "@vitejs/plugin-react-swc";
|
|
1028
|
-
import {
|
|
1028
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1029
1029
|
|
|
1030
1030
|
// https://vitejs.dev/config/
|
|
1031
1031
|
export default defineConfig({
|
|
1032
|
-
plugins: [react(),
|
|
1032
|
+
plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1033
1033
|
});
|
|
1034
1034
|
```
|
|
1035
1035
|
|
|
1036
1036
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
1037
1037
|
const { defineConfig } = require("vite");
|
|
1038
1038
|
const react = require("@vitejs/plugin-react-swc");
|
|
1039
|
-
const {
|
|
1039
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
1040
1040
|
|
|
1041
1041
|
// https://vitejs.dev/config/
|
|
1042
1042
|
module.exports = defineConfig({
|
|
1043
|
-
plugins: [react(),
|
|
1043
|
+
plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1044
1044
|
});
|
|
1045
1045
|
```
|
|
1046
1046
|
|
|
@@ -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
|
-
> يتم استخدام مكون Vite الإضافي `
|
|
170
|
+
> يتم استخدام مكون Vite الإضافي `intlayer()` لدمج Intlayer مع Vite. يضمن بناء ملفات إعلان المحتوى ويراقبها في وضع التطوير. كما يعرّف متغيرات بيئة Intlayer داخل تطبيق Vite. بالإضافة إلى ذلك، يوفر أسماء مستعارة لتحسين الأداء.
|
|
171
171
|
|
|
172
172
|
### الخطوة 4: إعلان المحتوى الخاص بك
|
|
173
173
|
|
|
@@ -136,37 +136,37 @@ module.exports = config;
|
|
|
136
136
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
137
137
|
import { defineConfig } from "vite";
|
|
138
138
|
import 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
|
-
> يتم استخدام مكون Vite الإضافي `
|
|
169
|
+
> يتم استخدام مكون Vite الإضافي `intlayer()` لدمج Intlayer مع Vite. يضمن بناء ملفات إعلان المحتوى ويراقبها في وضع التطوير. كما يعرّف متغيرات بيئة Intlayer داخل تطبيق Vite. بالإضافة إلى ذلك، يوفر ألقابًا لتحسين الأداء.
|
|
170
170
|
|
|
171
171
|
### الخطوة 4: أعلن عن محتواك
|
|
172
172
|
|
|
@@ -136,37 +136,37 @@ module.exports = config;
|
|
|
136
136
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
137
137
|
import { defineConfig } from "vite";
|
|
138
138
|
import vue from "@vitejs/plugin-vue";
|
|
139
|
-
import {
|
|
139
|
+
import { intlayer } from "vite-intlayer";
|
|
140
140
|
|
|
141
141
|
// https://vitejs.dev/config/
|
|
142
142
|
export default defineConfig({
|
|
143
|
-
plugins: [vue(),
|
|
143
|
+
plugins: [vue(), intlayer()],
|
|
144
144
|
});
|
|
145
145
|
```
|
|
146
146
|
|
|
147
147
|
```javascript fileName="vite.config.mjs" codeFormat="esm"
|
|
148
148
|
import { defineConfig } from "vite";
|
|
149
149
|
import vue from "@vitejs/plugin-vue";
|
|
150
|
-
import {
|
|
150
|
+
import { intlayer } from "vite-intlayer";
|
|
151
151
|
|
|
152
152
|
// https://vitejs.dev/config/
|
|
153
153
|
export default defineConfig({
|
|
154
|
-
plugins: [vue(),
|
|
154
|
+
plugins: [vue(), intlayer()],
|
|
155
155
|
});
|
|
156
156
|
```
|
|
157
157
|
|
|
158
158
|
```javascript fileName="vite.config.cjs" codeFormat="commonjs"
|
|
159
159
|
const { defineConfig } = require("vite");
|
|
160
160
|
const vue = require("@vitejs/plugin-vue");
|
|
161
|
-
const {
|
|
161
|
+
const { intlayer } = require("vite-intlayer");
|
|
162
162
|
|
|
163
163
|
// https://vitejs.dev/config/
|
|
164
164
|
module.exports = defineConfig({
|
|
165
|
-
plugins: [vue(),
|
|
165
|
+
plugins: [vue(), intlayer()],
|
|
166
166
|
});
|
|
167
167
|
```
|
|
168
168
|
|
|
169
|
-
> يتم استخدام مكون Vite الإضافي `
|
|
169
|
+
> يتم استخدام مكون Vite الإضافي `intlayer()` لدمج Intlayer مع Vite. يضمن بناء ملفات إعلان المحتوى ويراقبها في وضع التطوير. كما يحدد متغيرات بيئة Intlayer داخل تطبيق Vite. بالإضافة إلى ذلك، يوفر أسماء مستعارة لتحسين الأداء.
|
|
170
170
|
|
|
171
171
|
### الخطوة 4: أعلن عن محتواك
|
|
172
172
|
|
|
@@ -658,41 +658,41 @@ import LocaleSwitcher from "@components/LocaleSwitcher.vue";
|
|
|
658
658
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
659
659
|
import { defineConfig } from "vite";
|
|
660
660
|
import vue from "@vitejs/plugin-vue";
|
|
661
|
-
import {
|
|
661
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
662
662
|
|
|
663
663
|
// https://vitejs.dev/config/
|
|
664
664
|
export default defineConfig({
|
|
665
|
-
plugins: [vue(),
|
|
665
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
666
666
|
});
|
|
667
667
|
```
|
|
668
668
|
|
|
669
669
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
670
670
|
import { defineConfig } from "vite";
|
|
671
671
|
import vue from "@vitejs/plugin-vue";
|
|
672
|
-
import {
|
|
672
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
673
673
|
|
|
674
674
|
// https://vitejs.dev/config/
|
|
675
675
|
export default defineConfig({
|
|
676
|
-
plugins: [vue(),
|
|
676
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
677
677
|
});
|
|
678
678
|
```
|
|
679
679
|
|
|
680
680
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
681
681
|
const { defineConfig } = require("vite");
|
|
682
682
|
const vue = require("@vitejs/plugin-vue");
|
|
683
|
-
const {
|
|
683
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
684
684
|
|
|
685
685
|
// https://vitejs.dev/config/
|
|
686
686
|
module.exports = defineConfig({
|
|
687
|
-
plugins: [vue(),
|
|
687
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
688
688
|
});
|
|
689
689
|
const { defineConfig } = require("vite");
|
|
690
690
|
const vue = require("@vitejs/plugin-vue");
|
|
691
|
-
const {
|
|
691
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
692
692
|
|
|
693
693
|
// https://vitejs.dev/config/
|
|
694
694
|
module.exports = defineConfig({
|
|
695
|
-
plugins: [vue(),
|
|
695
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
696
696
|
});
|
|
697
697
|
```
|
|
698
698
|
|
|
@@ -53,15 +53,15 @@ pnpm add vite-intlayer
|
|
|
53
53
|
|
|
54
54
|
```typescript fileName="vite.config.ts"
|
|
55
55
|
import { defineConfig } from "vite";
|
|
56
|
-
import {
|
|
56
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
57
57
|
|
|
58
58
|
// https://vitejs.dev/config/
|
|
59
59
|
export default defineConfig({
|
|
60
|
-
plugins: [
|
|
60
|
+
plugins: [intlayer(), intlayerMiddlewarePlugin()],
|
|
61
61
|
});
|
|
62
62
|
```
|
|
63
63
|
|
|
64
|
-
> يستخدم مكون Vite الإضافي `
|
|
64
|
+
> يستخدم مكون Vite الإضافي `intlayer()` لدمج Intlayer مع Vite. يضمن بناء ملفات إعلان المحتوى ويراقبها في وضع التطوير. كما يحدد متغيرات بيئة Intlayer داخل تطبيق Vite. بالإضافة إلى ذلك، يوفر أسماء مستعارة لتحسين الأداء.
|
|
65
65
|
|
|
66
66
|
> يضيف مكون `intlayerMiddlewarePlugin()` التوجيه على جانب الخادم إلى تطبيقك. سيقوم هذا المكون تلقائيًا بالكشف عن اللغة الحالية بناءً على عنوان URL وتعيين ملف تعريف الارتباط المناسب للغة. إذا لم يتم تحديد لغة، سيحدد المكون اللغة الأنسب بناءً على تفضيلات لغة متصفح المستخدم. وإذا لم يتم الكشف عن أي لغة، فسيتم إعادة التوجيه إلى اللغة الافتراضية.
|
|
67
67
|
|
|
@@ -199,7 +199,7 @@ import { prepareIntlayer, watch } from "@intlayer/chokidar";
|
|
|
199
199
|
import { getConfiguration, logger } from "@intlayer/config";
|
|
200
200
|
import type { Plugin } from "esbuild";
|
|
201
201
|
|
|
202
|
-
const
|
|
202
|
+
const intlayer: Plugin = {
|
|
203
203
|
name: "intlayer-esbuild-plugin",
|
|
204
204
|
setup(build) {
|
|
205
205
|
const configuration = getConfiguration();
|
|
@@ -229,10 +229,10 @@ const intlayerPlugin: Plugin = {
|
|
|
229
229
|
},
|
|
230
230
|
};
|
|
231
231
|
|
|
232
|
-
export default
|
|
232
|
+
export default intlayer;
|
|
233
233
|
```
|
|
234
234
|
|
|
235
|
-
> Das `
|
|
235
|
+
> Das `intlayer` für esbuild stellt sicher, dass Intlayer vor dem Build vorbereitet wird und im Entwicklungsmodus auf Änderungen überwacht.
|
|
236
236
|
|
|
237
237
|
#### Option 2: Verwendung von Webpack
|
|
238
238
|
|
|
@@ -149,20 +149,20 @@ Fügen Sie das Intlayer-Plugin in Ihre Konfiguration ein:
|
|
|
149
149
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
150
150
|
import { reactRouter } from "@react-router/dev/vite";
|
|
151
151
|
import { defineConfig } from "vite";
|
|
152
|
-
import { intlayerMiddlewarePlugin,
|
|
152
|
+
import { intlayerMiddlewarePlugin, intlayer } from "vite-intlayer";
|
|
153
153
|
import tsconfigPaths from "vite-tsconfig-paths";
|
|
154
154
|
|
|
155
155
|
export default defineConfig({
|
|
156
156
|
plugins: [
|
|
157
157
|
reactRouter(),
|
|
158
158
|
tsconfigPaths(),
|
|
159
|
-
|
|
159
|
+
intlayer(),
|
|
160
160
|
intlayerMiddlewarePlugin(),
|
|
161
161
|
],
|
|
162
162
|
});
|
|
163
163
|
```
|
|
164
164
|
|
|
165
|
-
> Das `
|
|
165
|
+
> 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.
|
|
166
166
|
|
|
167
167
|
### Schritt 5: Layout-Komponenten erstellen
|
|
168
168
|
|
|
@@ -144,20 +144,20 @@ Fügen Sie das Intlayer-Plugin in Ihre Konfiguration ein:
|
|
|
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
|
-
> Das `
|
|
160
|
+
> Das `intlayer()` Vite-Plugin wird verwendet, um Intlayer in Vite zu integrieren. Es sorgt für den Aufbau der 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.
|
|
161
161
|
|
|
162
162
|
### Schritt 5: Erstellen Sie Layout-Komponenten
|
|
163
163
|
|
|
@@ -138,37 +138,37 @@ Fügen Sie das Intlayer-Plugin in Ihre Konfiguration ein.
|
|
|
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
|
-
> Das `
|
|
171
|
+
> 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.
|
|
172
172
|
|
|
173
173
|
### Schritt 4: Deklarieren Sie Ihren Inhalt
|
|
174
174
|
|
|
@@ -1055,33 +1055,33 @@ Parallel dazu können Sie auch das `intlayerMiddlewarePlugin` verwenden, um serv
|
|
|
1055
1055
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
1056
1056
|
import { defineConfig } from "vite";
|
|
1057
1057
|
import preact from "@preact/preset-vite";
|
|
1058
|
-
import {
|
|
1058
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1059
1059
|
|
|
1060
1060
|
// https://vitejs.dev/config/
|
|
1061
1061
|
export default defineConfig({
|
|
1062
|
-
plugins: [preact(),
|
|
1062
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1063
1063
|
});
|
|
1064
1064
|
```
|
|
1065
1065
|
|
|
1066
1066
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
1067
1067
|
import { defineConfig } from "vite";
|
|
1068
1068
|
import preact from "@preact/preset-vite";
|
|
1069
|
-
import {
|
|
1069
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1070
1070
|
|
|
1071
1071
|
// https://vitejs.dev/config/
|
|
1072
1072
|
export default defineConfig({
|
|
1073
|
-
plugins: [preact(),
|
|
1073
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1074
1074
|
});
|
|
1075
1075
|
```
|
|
1076
1076
|
|
|
1077
1077
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
1078
1078
|
const { defineConfig } = require("vite");
|
|
1079
1079
|
const preact = require("@preact/preset-vite");
|
|
1080
|
-
const {
|
|
1080
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
1081
1081
|
|
|
1082
1082
|
// https://vitejs.dev/config/
|
|
1083
1083
|
module.exports = defineConfig({
|
|
1084
|
-
plugins: [preact(),
|
|
1084
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1085
1085
|
});
|
|
1086
1086
|
```
|
|
1087
1087
|
|