@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
|
@@ -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
|
|
|
@@ -135,37 +135,37 @@ Adicione o plugin intlayer na sua configuração.
|
|
|
135
135
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
136
136
|
import { defineConfig } from "vite";
|
|
137
137
|
import vue from "@vitejs/plugin-vue";
|
|
138
|
-
import {
|
|
138
|
+
import { intlayer } from "vite-intlayer";
|
|
139
139
|
|
|
140
140
|
// https://vitejs.dev/config/
|
|
141
141
|
export default defineConfig({
|
|
142
|
-
plugins: [vue(),
|
|
142
|
+
plugins: [vue(), intlayer()],
|
|
143
143
|
});
|
|
144
144
|
```
|
|
145
145
|
|
|
146
146
|
```javascript fileName="vite.config.mjs" codeFormat="esm"
|
|
147
147
|
import { defineConfig } from "vite";
|
|
148
148
|
import vue from "@vitejs/plugin-vue";
|
|
149
|
-
import {
|
|
149
|
+
import { intlayer } from "vite-intlayer";
|
|
150
150
|
|
|
151
151
|
// https://vitejs.dev/config/
|
|
152
152
|
export default defineConfig({
|
|
153
|
-
plugins: [vue(),
|
|
153
|
+
plugins: [vue(), intlayer()],
|
|
154
154
|
});
|
|
155
155
|
```
|
|
156
156
|
|
|
157
157
|
```javascript fileName="vite.config.cjs" codeFormat="commonjs"
|
|
158
158
|
const { defineConfig } = require("vite");
|
|
159
159
|
const vue = require("@vitejs/plugin-vue");
|
|
160
|
-
const {
|
|
160
|
+
const { intlayer } = require("vite-intlayer");
|
|
161
161
|
|
|
162
162
|
// https://vitejs.dev/config/
|
|
163
163
|
module.exports = defineConfig({
|
|
164
|
-
plugins: [vue(),
|
|
164
|
+
plugins: [vue(), intlayer()],
|
|
165
165
|
});
|
|
166
166
|
```
|
|
167
167
|
|
|
168
|
-
> O plugin Vite `
|
|
168
|
+
> 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.
|
|
169
169
|
|
|
170
170
|
### Passo 4: Declare Seu Conteúdo
|
|
171
171
|
|
|
@@ -675,41 +675,41 @@ Paralelamente, você também pode usar o `intlayerMiddlewarePlugin` para adicion
|
|
|
675
675
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
676
676
|
import { defineConfig } from "vite";
|
|
677
677
|
import vue from "@vitejs/plugin-vue";
|
|
678
|
-
import {
|
|
678
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
679
679
|
|
|
680
680
|
// https://vitejs.dev/config/
|
|
681
681
|
export default defineConfig({
|
|
682
|
-
plugins: [vue(),
|
|
682
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
683
683
|
});
|
|
684
684
|
```
|
|
685
685
|
|
|
686
686
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
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.cjs" codeFormat="commonjs"
|
|
698
698
|
const { defineConfig } = require("vite");
|
|
699
699
|
const vue = require("@vitejs/plugin-vue");
|
|
700
|
-
const {
|
|
700
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
701
701
|
|
|
702
702
|
// https://vitejs.dev/config/
|
|
703
703
|
module.exports = defineConfig({
|
|
704
|
-
plugins: [vue(),
|
|
704
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
705
705
|
});
|
|
706
706
|
const { defineConfig } = require("vite");
|
|
707
707
|
const vue = require("@vitejs/plugin-vue");
|
|
708
|
-
const {
|
|
708
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
709
709
|
|
|
710
710
|
// https://vitejs.dev/config/
|
|
711
711
|
module.exports = defineConfig({
|
|
712
|
-
plugins: [vue(),
|
|
712
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
713
713
|
});
|
|
714
714
|
```
|
|
715
715
|
|
|
@@ -53,15 +53,15 @@ Veja um exemplo de como incluir os plugins na sua configuração do 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
|
-
> O plugin `
|
|
64
|
+
> O plugin `intlayer()` para 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.
|
|
65
65
|
|
|
66
66
|
> O `intlayerMiddlewarePlugin()` adiciona roteamento do lado do servidor à sua aplicação. Este plugin detectará automaticamente o idioma atual com base na URL e definirá o cookie de idioma apropriado. Se nenhum idioma for especificado, o plugin determinará o idioma mais adequado com base nas preferências de idioma do navegador do usuário. Se nenhum idioma for detectado, ele redirecionará para o idioma padrão.
|
|
67
67
|
|
|
@@ -188,7 +188,7 @@ import { prepareIntlayer, watch } from "@intlayer/chokidar";
|
|
|
188
188
|
import { getConfiguration, logger } from "@intlayer/config";
|
|
189
189
|
import type { Plugin } from "esbuild";
|
|
190
190
|
|
|
191
|
-
const
|
|
191
|
+
const intlayer: Plugin = {
|
|
192
192
|
name: "intlayer-esbuild-plugin",
|
|
193
193
|
setup(build) {
|
|
194
194
|
const configuration = getConfiguration();
|
|
@@ -218,10 +218,10 @@ const intlayerPlugin: Plugin = {
|
|
|
218
218
|
},
|
|
219
219
|
};
|
|
220
220
|
|
|
221
|
-
export default
|
|
221
|
+
export default intlayer;
|
|
222
222
|
````
|
|
223
223
|
|
|
224
|
-
> Плагин `
|
|
224
|
+
> Плагин `intlayer` для esbuild гарантирует, что Intlayer подготовлен перед началом сборки и следит за изменениями в режиме разработки.
|
|
225
225
|
|
|
226
226
|
#### Вариант 2: Использование Webpack
|
|
227
227
|
|
|
@@ -146,20 +146,20 @@ export default [
|
|
|
146
146
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
147
147
|
import { reactRouter } from "@react-router/dev/vite";
|
|
148
148
|
import { defineConfig } from "vite";
|
|
149
|
-
import { intlayerMiddlewarePlugin,
|
|
149
|
+
import { intlayerMiddlewarePlugin, intlayer } from "vite-intlayer";
|
|
150
150
|
import tsconfigPaths from "vite-tsconfig-paths";
|
|
151
151
|
|
|
152
152
|
export default defineConfig({
|
|
153
153
|
plugins: [
|
|
154
154
|
reactRouter(),
|
|
155
155
|
tsconfigPaths(),
|
|
156
|
-
|
|
156
|
+
intlayer(),
|
|
157
157
|
intlayerMiddlewarePlugin(),
|
|
158
158
|
],
|
|
159
159
|
});
|
|
160
160
|
```
|
|
161
161
|
|
|
162
|
-
> Плагин Vite `
|
|
162
|
+
> Плагин Vite `intlayer()` используется для интеграции Intlayer с Vite. Он обеспечивает сборку файлов деклараций контента и отслеживает их в режиме разработки. Также он определяет переменные окружения Intlayer внутри приложения Vite. Кроме того, плагин предоставляет алиасы для оптимизации производительности.
|
|
163
163
|
|
|
164
164
|
### Шаг 5: Создайте компоненты макета
|
|
165
165
|
|
|
@@ -142,20 +142,20 @@ module.exports = config;
|
|
|
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
|
-
> Плагин Vite `
|
|
158
|
+
> Плагин Vite `intlayer()` используется для интеграции Intlayer с Vite. Он обеспечивает сборку файлов деклараций контента и их мониторинг в режиме разработки. Также он определяет переменные окружения Intlayer внутри приложения Vite. Кроме того, он предоставляет алиасы для оптимизации производительности.
|
|
159
159
|
|
|
160
160
|
### Шаг 5: Создайте компоненты макета
|
|
161
161
|
|
|
@@ -139,37 +139,37 @@ module.exports = config;
|
|
|
139
139
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
140
140
|
import { defineConfig } from "vite";
|
|
141
141
|
import preact from "@preact/preset-vite";
|
|
142
|
-
import {
|
|
142
|
+
import { intlayer } from "vite-intlayer";
|
|
143
143
|
|
|
144
144
|
// https://vitejs.dev/config/
|
|
145
145
|
export default defineConfig({
|
|
146
|
-
plugins: [preact(),
|
|
146
|
+
plugins: [preact(), intlayer()],
|
|
147
147
|
});
|
|
148
148
|
```
|
|
149
149
|
|
|
150
150
|
```javascript fileName="vite.config.mjs" codeFormat="esm"
|
|
151
151
|
import { defineConfig } from "vite";
|
|
152
152
|
import preact from "@preact/preset-vite";
|
|
153
|
-
import {
|
|
153
|
+
import { intlayer } from "vite-intlayer";
|
|
154
154
|
|
|
155
155
|
// https://vitejs.dev/config/
|
|
156
156
|
export default defineConfig({
|
|
157
|
-
plugins: [preact(),
|
|
157
|
+
plugins: [preact(), intlayer()],
|
|
158
158
|
});
|
|
159
159
|
```
|
|
160
160
|
|
|
161
161
|
```javascript fileName="vite.config.cjs" codeFormat="commonjs"
|
|
162
162
|
const { defineConfig } = require("vite");
|
|
163
163
|
const preact = require("@preact/preset-vite");
|
|
164
|
-
const {
|
|
164
|
+
const { intlayer } = require("vite-intlayer");
|
|
165
165
|
|
|
166
166
|
// https://vitejs.dev/config/
|
|
167
167
|
module.exports = defineConfig({
|
|
168
|
-
plugins: [preact(),
|
|
168
|
+
plugins: [preact(), intlayer()],
|
|
169
169
|
});
|
|
170
170
|
```
|
|
171
171
|
|
|
172
|
-
> Плагин Vite `
|
|
172
|
+
> Плагин Vite `intlayer()` используется для интеграции Intlayer с Vite. Он обеспечивает сборку файлов деклараций контента и отслеживает их в режиме разработки. Определяет переменные окружения Intlayer внутри приложения Vite. Кроме того, предоставляет алиасы для оптимизации производительности.
|
|
173
173
|
|
|
174
174
|
### Шаг 4: Объявите Ваш Контент
|
|
175
175
|
|
|
@@ -1057,33 +1057,33 @@ module.exports = App;
|
|
|
1057
1057
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
1058
1058
|
import { defineConfig } from "vite";
|
|
1059
1059
|
import preact from "@preact/preset-vite";
|
|
1060
|
-
import {
|
|
1060
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1061
1061
|
|
|
1062
1062
|
// https://vitejs.dev/config/
|
|
1063
1063
|
export default defineConfig({
|
|
1064
|
-
plugins: [preact(),
|
|
1064
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1065
1065
|
});
|
|
1066
1066
|
```
|
|
1067
1067
|
|
|
1068
1068
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
1069
1069
|
import { defineConfig } from "vite";
|
|
1070
1070
|
import preact from "@preact/preset-vite";
|
|
1071
|
-
import {
|
|
1071
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1072
1072
|
|
|
1073
1073
|
// https://vitejs.dev/config/
|
|
1074
1074
|
export default defineConfig({
|
|
1075
|
-
plugins: [preact(),
|
|
1075
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1076
1076
|
});
|
|
1077
1077
|
```
|
|
1078
1078
|
|
|
1079
1079
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
1080
1080
|
const { defineConfig } = require("vite");
|
|
1081
1081
|
const preact = require("@preact/preset-vite");
|
|
1082
|
-
const {
|
|
1082
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
1083
1083
|
|
|
1084
1084
|
// https://vitejs.dev/config/
|
|
1085
1085
|
module.exports = defineConfig({
|
|
1086
|
-
plugins: [preact(),
|
|
1086
|
+
plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1087
1087
|
});
|
|
1088
1088
|
```
|
|
1089
1089
|
|
|
@@ -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
|
|
|
@@ -1013,33 +1013,33 @@ const App = () => (
|
|
|
1013
1013
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
1014
1014
|
import { defineConfig } from "vite";
|
|
1015
1015
|
import react from "@vitejs/plugin-react-swc";
|
|
1016
|
-
import {
|
|
1016
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1017
1017
|
|
|
1018
1018
|
// https://vitejs.dev/config/
|
|
1019
1019
|
export default defineConfig({
|
|
1020
|
-
plugins: [react(),
|
|
1020
|
+
plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1021
1021
|
});
|
|
1022
1022
|
```
|
|
1023
1023
|
|
|
1024
1024
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
1025
1025
|
import { defineConfig } from "vite";
|
|
1026
1026
|
import react from "@vitejs/plugin-react-swc";
|
|
1027
|
-
import {
|
|
1027
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
1028
1028
|
|
|
1029
1029
|
// https://vitejs.dev/config/
|
|
1030
1030
|
export default defineConfig({
|
|
1031
|
-
plugins: [react(),
|
|
1031
|
+
plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1032
1032
|
});
|
|
1033
1033
|
```
|
|
1034
1034
|
|
|
1035
1035
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
1036
1036
|
const { defineConfig } = require("vite");
|
|
1037
1037
|
const react = require("@vitejs/plugin-react-swc");
|
|
1038
|
-
const {
|
|
1038
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
1039
1039
|
|
|
1040
1040
|
// https://vitejs.dev/config/
|
|
1041
1041
|
module.exports = defineConfig({
|
|
1042
|
-
plugins: [react(),
|
|
1042
|
+
plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
|
|
1043
1043
|
});
|
|
1044
1044
|
```
|
|
1045
1045
|
|
|
@@ -140,37 +140,37 @@ 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
|
-
> Плагин Vite `
|
|
173
|
+
> Плагин Vite `intlayer()` используется для интеграции Intlayer с Vite. Он обеспечивает сборку файлов деклараций контента и отслеживает их в режиме разработки. Также он определяет переменные окружения Intlayer внутри приложения Vite. Дополнительно предоставляет алиасы для оптимизации производительности.
|
|
174
174
|
|
|
175
175
|
### Шаг 4: Объявите ваш контент
|
|
176
176
|
|
|
@@ -139,37 +139,37 @@ module.exports = config;
|
|
|
139
139
|
```typescript fileName="vite.config.ts" codeFormat="typescript"
|
|
140
140
|
import { defineConfig } from "vite";
|
|
141
141
|
import react from "@vitejs/plugin-react-swc";
|
|
142
|
-
import {
|
|
142
|
+
import { intlayer } from "vite-intlayer";
|
|
143
143
|
|
|
144
144
|
// https://vitejs.dev/config/
|
|
145
145
|
export default defineConfig({
|
|
146
|
-
plugins: [react(),
|
|
146
|
+
plugins: [react(), intlayer()],
|
|
147
147
|
});
|
|
148
148
|
```
|
|
149
149
|
|
|
150
150
|
```javascript fileName="vite.config.mjs" codeFormat="esm"
|
|
151
151
|
import { defineConfig } from "vite";
|
|
152
152
|
import react from "@vitejs/plugin-react-swc";
|
|
153
|
-
import {
|
|
153
|
+
import { intlayer } from "vite-intlayer";
|
|
154
154
|
|
|
155
155
|
// https://vitejs.dev/config/
|
|
156
156
|
export default defineConfig({
|
|
157
|
-
plugins: [react(),
|
|
157
|
+
plugins: [react(), intlayer()],
|
|
158
158
|
});
|
|
159
159
|
```
|
|
160
160
|
|
|
161
161
|
```javascript fileName="vite.config.cjs" codeFormat="commonjs"
|
|
162
162
|
const { defineConfig } = require("vite");
|
|
163
163
|
const react = require("@vitejs/plugin-react-swc");
|
|
164
|
-
const {
|
|
164
|
+
const { intlayer } = require("vite-intlayer");
|
|
165
165
|
|
|
166
166
|
// https://vitejs.dev/config/
|
|
167
167
|
module.exports = defineConfig({
|
|
168
|
-
plugins: [react(),
|
|
168
|
+
plugins: [react(), intlayer()],
|
|
169
169
|
});
|
|
170
170
|
```
|
|
171
171
|
|
|
172
|
-
> Плагин Vite `
|
|
172
|
+
> Плагин Vite `intlayer()` используется для интеграции Intlayer с Vite. Он обеспечивает создание файлов деклараций контента и отслеживает их в режиме разработки. Он определяет переменные окружения Intlayer внутри приложения Vite. Кроме того, он предоставляет алиасы для оптимизации производительности.
|
|
173
173
|
|
|
174
174
|
### Шаг 4: Объявите Ваш Контент
|
|
175
175
|
|
|
@@ -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
|
|
|
@@ -680,41 +680,41 @@ import LocaleSwitcher from "@components/LocaleSwitcher.vue"; // Импорт п
|
|
|
680
680
|
```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
|
|
681
681
|
import { defineConfig } from "vite";
|
|
682
682
|
import vue from "@vitejs/plugin-vue";
|
|
683
|
-
import {
|
|
683
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
684
684
|
|
|
685
685
|
// https://vitejs.dev/config/
|
|
686
686
|
export default defineConfig({
|
|
687
|
-
plugins: [vue(),
|
|
687
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
688
688
|
});
|
|
689
689
|
```
|
|
690
690
|
|
|
691
691
|
```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
|
|
692
692
|
import { defineConfig } from "vite";
|
|
693
693
|
import vue from "@vitejs/plugin-vue";
|
|
694
|
-
import {
|
|
694
|
+
import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
|
|
695
695
|
|
|
696
696
|
// https://vitejs.dev/config/
|
|
697
697
|
export default defineConfig({
|
|
698
|
-
plugins: [vue(),
|
|
698
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
699
699
|
});
|
|
700
700
|
```
|
|
701
701
|
|
|
702
702
|
```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
|
|
703
703
|
const { defineConfig } = require("vite");
|
|
704
704
|
const vue = require("@vitejs/plugin-vue");
|
|
705
|
-
const {
|
|
705
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
706
706
|
|
|
707
707
|
// https://vitejs.dev/config/
|
|
708
708
|
module.exports = defineConfig({
|
|
709
|
-
plugins: [vue(),
|
|
709
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
710
710
|
});
|
|
711
711
|
const { defineConfig } = require("vite");
|
|
712
712
|
const vue = require("@vitejs/plugin-vue");
|
|
713
|
-
const {
|
|
713
|
+
const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
|
|
714
714
|
|
|
715
715
|
// https://vitejs.dev/config/
|
|
716
716
|
module.exports = defineConfig({
|
|
717
|
-
plugins: [vue(),
|
|
717
|
+
plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
|
|
718
718
|
});
|
|
719
719
|
```
|
|
720
720
|
|
|
@@ -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 и установит соответствующее cookie с локалью. Если локаль не указана, плагин определит наиболее подходящую локаль на основе языковых предпочтений браузера пользователя. Если локаль не обнаружена, будет выполнено перенаправление на локаль по умолчанию.
|
|
67
67
|
|
|
@@ -160,7 +160,7 @@ import { prepareIntlayer, watch } from "@intlayer/chokidar";
|
|
|
160
160
|
import { getConfiguration, logger } from "@intlayer/config";
|
|
161
161
|
import type { Plugin } from "esbuild";
|
|
162
162
|
|
|
163
|
-
const
|
|
163
|
+
const intlayer: Plugin = {
|
|
164
164
|
name: "intlayer-esbuild-plugin",
|
|
165
165
|
setup(build) {
|
|
166
166
|
const configuration = getConfiguration();
|
|
@@ -190,10 +190,10 @@ const intlayerPlugin: Plugin = {
|
|
|
190
190
|
},
|
|
191
191
|
};
|
|
192
192
|
|
|
193
|
-
export default
|
|
193
|
+
export default intlayer;
|
|
194
194
|
```
|
|
195
195
|
|
|
196
|
-
> esbuild için `
|
|
196
|
+
> esbuild için `intlayer`, Intlayer'ın oluşturma başlamadan önce hazırlanmasını ve geliştirme modunda değişiklikleri izlemesini sağlar.
|
|
197
197
|
|
|
198
198
|
#### Seçenek 2: Webpack Kullanarak
|
|
199
199
|
|