@intlayer/docs 5.5.9 → 5.5.10
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/ar/autoFill.md +1 -2
- package/ar/intlayer_with_create_react_app.md +1 -14
- package/ar/intlayer_with_nextjs_14.md +1 -14
- package/ar/intlayer_with_nextjs_15.md +1 -14
- package/ar/intlayer_with_nextjs_page_router.md +1 -13
- package/ar/intlayer_with_nuxt.md +792 -0
- package/ar/intlayer_with_react_native+expo.md +6 -3
- package/ar/intlayer_with_vite+preact.md +7 -18
- package/ar/intlayer_with_vite+react.md +7 -17
- package/ar/intlayer_with_vite+vue.md +25 -5
- package/ar/packages/nuxt-intlayer/index.md +29 -0
- package/ar/roadmap.md +11 -11
- package/de/autoFill.md +1 -2
- package/de/how_works_intlayer.md +1 -1
- package/de/intlayer_with_create_react_app.md +1 -14
- package/de/intlayer_with_nextjs_14.md +1 -14
- package/de/intlayer_with_nextjs_15.md +1 -14
- package/de/intlayer_with_nextjs_page_router.md +1 -13
- package/de/intlayer_with_nuxt.md +791 -0
- package/de/intlayer_with_react_native+expo.md +6 -3
- package/de/intlayer_with_vite+preact.md +7 -18
- package/de/intlayer_with_vite+react.md +7 -17
- package/de/intlayer_with_vite+vue.md +84 -62
- package/de/packages/nuxt-intlayer/index.md +29 -0
- package/de/roadmap.md +11 -11
- package/en/autoFill.md +1 -2
- package/en/how_works_intlayer.md +17 -3
- package/en/intlayer_with_angular.md +535 -6
- package/en/intlayer_with_create_react_app.md +1 -14
- package/en/intlayer_with_nextjs_14.md +193 -59
- package/en/intlayer_with_nextjs_15.md +192 -61
- package/en/intlayer_with_nextjs_page_router.md +396 -61
- package/en/intlayer_with_nuxt.md +737 -0
- package/en/intlayer_with_react_native+expo.md +6 -3
- package/en/intlayer_with_vite+preact.md +8 -27
- package/en/intlayer_with_vite+react.md +7 -17
- package/en/intlayer_with_vite+solid.md +6 -3
- package/en/intlayer_with_vite+svelte.md +6 -3
- package/en/intlayer_with_vite+vue.md +17 -6
- package/en/packages/nuxt-intlayer/index.md +31 -0
- package/en/roadmap.md +13 -13
- package/en/t.md +5 -5
- package/en-GB/how_works_intlayer.md +16 -4
- package/en-GB/intlayer_with_create_react_app.md +1 -14
- package/en-GB/intlayer_with_nextjs_14.md +1 -14
- package/en-GB/intlayer_with_nextjs_15.md +1 -14
- package/en-GB/intlayer_with_nextjs_page_router.md +1 -13
- package/en-GB/intlayer_with_nuxt.md +795 -0
- package/en-GB/intlayer_with_react_native+expo.md +6 -3
- package/en-GB/intlayer_with_vite+preact.md +7 -18
- package/en-GB/intlayer_with_vite+react.md +6 -9
- package/en-GB/intlayer_with_vite+vue.md +65 -59
- package/en-GB/packages/nuxt-intlayer/index.md +31 -0
- package/en-GB/roadmap.md +11 -11
- package/es/autoFill.md +1 -2
- package/es/how_works_intlayer.md +1 -1
- package/es/intlayer_with_create_react_app.md +1 -14
- package/es/intlayer_with_nextjs_14.md +1 -14
- package/es/intlayer_with_nextjs_15.md +1 -14
- package/es/intlayer_with_nextjs_page_router.md +1 -13
- package/es/intlayer_with_nuxt.md +731 -0
- package/es/intlayer_with_react_native+expo.md +6 -3
- package/es/intlayer_with_vite+preact.md +7 -18
- package/es/intlayer_with_vite+react.md +7 -17
- package/es/intlayer_with_vite+vue.md +64 -51
- package/es/packages/nuxt-intlayer/index.md +29 -0
- package/fr/autoFill.md +1 -2
- package/fr/how_works_intlayer.md +1 -1
- package/fr/intlayer_with_create_react_app.md +1 -14
- package/fr/intlayer_with_nextjs_14.md +1 -14
- package/fr/intlayer_with_nextjs_15.md +1 -14
- package/fr/intlayer_with_nextjs_page_router.md +1 -13
- package/fr/intlayer_with_nuxt.md +731 -0
- package/fr/intlayer_with_react_native+expo.md +6 -3
- package/fr/intlayer_with_vite+preact.md +7 -18
- package/fr/intlayer_with_vite+react.md +7 -17
- package/fr/intlayer_with_vite+vue.md +30 -15
- package/fr/packages/nuxt-intlayer/index.md +29 -0
- package/fr/roadmap.md +11 -11
- package/hi/autoFill.md +1 -2
- package/hi/how_works_intlayer.md +1 -1
- package/hi/intlayer_with_create_react_app.md +1 -14
- package/hi/intlayer_with_nextjs_14.md +1 -14
- package/hi/intlayer_with_nextjs_15.md +1 -14
- package/hi/intlayer_with_nextjs_page_router.md +1 -13
- package/hi/intlayer_with_nuxt.md +784 -0
- package/hi/intlayer_with_react_native+expo.md +6 -3
- package/hi/intlayer_with_vite+preact.md +7 -18
- package/hi/intlayer_with_vite+react.md +7 -17
- package/hi/intlayer_with_vite+vue.md +59 -47
- package/hi/packages/nuxt-intlayer/index.md +29 -0
- package/hi/roadmap.md +11 -11
- package/index.cjs +30 -0
- package/index.d.ts +2 -0
- package/it/autoFill.md +1 -2
- package/it/how_works_intlayer.md +1 -1
- package/it/intlayer_with_create_react_app.md +0 -6
- package/it/intlayer_with_nextjs_14.md +1 -14
- package/it/intlayer_with_nextjs_15.md +1 -14
- package/it/intlayer_with_nextjs_page_router.md +1 -13
- package/it/intlayer_with_nuxt.md +793 -0
- package/it/intlayer_with_react_native+expo.md +6 -3
- package/it/intlayer_with_vite+preact.md +7 -18
- package/it/intlayer_with_vite+react.md +7 -17
- package/it/intlayer_with_vite+vue.md +26 -17
- package/it/packages/nuxt-intlayer/index.md +29 -0
- package/it/roadmap.md +11 -11
- package/ja/autoFill.md +1 -2
- package/ja/how_works_intlayer.md +1 -1
- package/ja/intlayer_with_create_react_app.md +1 -14
- package/ja/intlayer_with_nextjs_14.md +1 -14
- package/ja/intlayer_with_nextjs_15.md +1 -14
- package/ja/intlayer_with_nextjs_page_router.md +1 -13
- package/ja/intlayer_with_nuxt.md +792 -0
- package/ja/intlayer_with_react_native+expo.md +6 -3
- package/ja/intlayer_with_vite+preact.md +7 -18
- package/ja/intlayer_with_vite+react.md +7 -17
- package/ja/intlayer_with_vite+vue.md +68 -63
- package/ja/packages/nuxt-intlayer/index.md +29 -0
- package/ja/roadmap.md +11 -11
- package/ko/autoFill.md +1 -2
- package/ko/how_works_intlayer.md +1 -1
- package/ko/intlayer_with_create_react_app.md +1 -14
- package/ko/intlayer_with_nextjs_14.md +1 -14
- package/ko/intlayer_with_nextjs_15.md +1 -14
- package/ko/intlayer_with_nextjs_page_router.md +1 -13
- package/ko/intlayer_with_nuxt.md +784 -0
- package/ko/intlayer_with_react_native+expo.md +6 -3
- package/ko/intlayer_with_vite+preact.md +7 -18
- package/ko/intlayer_with_vite+react.md +7 -17
- package/ko/intlayer_with_vite+vue.md +69 -59
- package/ko/packages/nuxt-intlayer/index.md +31 -0
- package/ko/roadmap.md +11 -11
- package/package.json +5 -5
- package/pt/autoFill.md +1 -2
- package/pt/how_works_intlayer.md +1 -1
- package/pt/intlayer_with_create_react_app.md +1 -14
- package/pt/intlayer_with_nextjs_14.md +1 -14
- package/pt/intlayer_with_nextjs_15.md +1 -14
- package/pt/intlayer_with_nextjs_page_router.md +1 -13
- package/pt/intlayer_with_nuxt.md +792 -0
- package/pt/intlayer_with_react_native+expo.md +6 -3
- package/pt/intlayer_with_vite+preact.md +7 -18
- package/pt/intlayer_with_vite+react.md +7 -17
- package/pt/intlayer_with_vite+vue.md +23 -19
- package/pt/packages/nuxt-intlayer/index.md +29 -0
- package/pt/roadmap.md +11 -11
- package/ru/autoFill.md +1 -2
- package/ru/how_works_intlayer.md +1 -1
- package/ru/intlayer_with_create_react_app.md +1 -14
- package/ru/intlayer_with_nextjs_14.md +1 -14
- package/ru/intlayer_with_nextjs_15.md +1 -14
- package/ru/intlayer_with_nextjs_page_router.md +1 -13
- package/ru/intlayer_with_nuxt.md +792 -0
- package/ru/intlayer_with_react_native+expo.md +6 -3
- package/ru/intlayer_with_vite+preact.md +7 -18
- package/ru/intlayer_with_vite+react.md +7 -17
- package/ru/intlayer_with_vite+vue.md +25 -17
- package/ru/packages/nuxt-intlayer/index.md +31 -0
- package/ru/roadmap.md +11 -11
- package/zh/autoFill.md +1 -2
- package/zh/intlayer_with_create_react_app.md +1 -14
- package/zh/intlayer_with_nextjs_14.md +1 -14
- package/zh/intlayer_with_nextjs_15.md +1 -14
- package/zh/intlayer_with_nextjs_page_router.md +1 -13
- package/zh/intlayer_with_nuxt.md +784 -0
- package/zh/intlayer_with_react_native+expo.md +6 -3
- package/zh/intlayer_with_vite+preact.md +7 -18
- package/zh/intlayer_with_vite+react.md +7 -17
- package/zh/intlayer_with_vite+vue.md +68 -57
- package/zh/packages/nuxt-intlayer/index.md +31 -0
- package/zh/roadmap.md +11 -11
|
@@ -20,15 +20,18 @@ Com o Intlayer, você pode:
|
|
|
20
20
|
No seu projeto React Native, instale os seguintes pacotes:
|
|
21
21
|
|
|
22
22
|
```bash packageManager="npm"
|
|
23
|
-
npm install intlayer react-intlayer
|
|
23
|
+
npm install intlayer react-intlayer
|
|
24
|
+
npm install --save-dev react-native-intlayer
|
|
24
25
|
```
|
|
25
26
|
|
|
26
27
|
```bash packageManager="pnpm"
|
|
27
|
-
pnpm add intlayer react-intlayer
|
|
28
|
+
pnpm add intlayer react-intlayer
|
|
29
|
+
pnpm add --save-dev react-native-intlayer
|
|
28
30
|
```
|
|
29
31
|
|
|
30
32
|
```bash packageManager="yarn"
|
|
31
|
-
yarn add intlayer react-intlayer
|
|
33
|
+
yarn add intlayer react-intlayer
|
|
34
|
+
yarn add --save-dev react-native-intlayer
|
|
32
35
|
```
|
|
33
36
|
|
|
34
37
|
### Pacotes
|
|
@@ -24,15 +24,18 @@ Com o Intlayer, você pode:
|
|
|
24
24
|
Instale os pacotes necessários usando npm:
|
|
25
25
|
|
|
26
26
|
```bash packageManager="npm"
|
|
27
|
-
npm install intlayer preact-intlayer
|
|
27
|
+
npm install intlayer preact-intlayer
|
|
28
|
+
npm install --save-dev vite-intlayer
|
|
28
29
|
```
|
|
29
30
|
|
|
30
31
|
```bash packageManager="pnpm"
|
|
31
|
-
pnpm add intlayer preact-intlayer
|
|
32
|
+
pnpm add intlayer preact-intlayer
|
|
33
|
+
pnpm add --save-dev vite-intlayer
|
|
32
34
|
```
|
|
33
35
|
|
|
34
36
|
```bash packageManager="yarn"
|
|
35
|
-
yarn add intlayer preact-intlayer
|
|
37
|
+
yarn add intlayer preact-intlayer
|
|
38
|
+
yarn add --save-dev vite-intlayer
|
|
36
39
|
```
|
|
37
40
|
|
|
38
41
|
- **intlayer**
|
|
@@ -513,13 +516,7 @@ module.exports = App;
|
|
|
513
516
|
> Se você quiser usar seu conteúdo em um atributo `string`, como `alt`, `title`, `href`, `aria-label`, etc., você deve chamar o valor da função, como:
|
|
514
517
|
|
|
515
518
|
> ```jsx
|
|
516
|
-
>
|
|
517
|
-
> ```
|
|
518
|
-
|
|
519
519
|
> <img src={content.image.src.value} alt={content.image.value} />
|
|
520
|
-
|
|
521
|
-
> ```
|
|
522
|
-
>
|
|
523
520
|
> ```
|
|
524
521
|
|
|
525
522
|
> Nota: No Preact, `className` é tipicamente escrito como `class`.
|
|
@@ -1236,23 +1233,15 @@ module.exports = LocaleSwitcher;
|
|
|
1236
1233
|
```
|
|
1237
1234
|
|
|
1238
1235
|
> Referências da documentação:
|
|
1239
|
-
|
|
1236
|
+
>
|
|
1240
1237
|
> - [`useLocale` hook](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/react-intlayer/useLocale.md) (A API é semelhante para `preact-intlayer`)
|
|
1241
|
-
|
|
1242
1238
|
> - [`getLocaleName` hook](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocaleName.md)
|
|
1243
|
-
|
|
1244
1239
|
> - [`getLocalizedUrl` hook](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocalizedUrl.md)
|
|
1245
|
-
|
|
1246
1240
|
> - [`getHTMLTextDir` hook](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getHTMLTextDir.md)
|
|
1247
|
-
|
|
1248
1241
|
> - [`hreflang` attribute](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=pt)
|
|
1249
|
-
|
|
1250
1242
|
> - [`lang` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
|
|
1251
|
-
|
|
1252
1243
|
> - [`dir` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
|
|
1253
|
-
|
|
1254
1244
|
> - [`aria-current` attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
|
|
1255
|
-
|
|
1256
1245
|
> - [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
|
|
1257
1246
|
|
|
1258
1247
|
Abaixo está o **Passo 9** atualizado com explicações adicionais e exemplos de código refinados:
|
|
@@ -24,15 +24,18 @@ Com o Intlayer, você pode:
|
|
|
24
24
|
Instale os pacotes necessários usando npm:
|
|
25
25
|
|
|
26
26
|
```bash packageManager="npm"
|
|
27
|
-
npm install intlayer react-intlayer
|
|
27
|
+
npm install intlayer react-intlayer
|
|
28
|
+
npm install --save-dev vite-intlayer
|
|
28
29
|
```
|
|
29
30
|
|
|
30
31
|
```bash packageManager="pnpm"
|
|
31
|
-
pnpm add intlayer react-intlayer
|
|
32
|
+
pnpm add intlayer react-intlayer
|
|
33
|
+
pnpm add --save-dev vite-intlayer
|
|
32
34
|
```
|
|
33
35
|
|
|
34
36
|
```bash packageManager="yarn"
|
|
35
|
-
yarn add intlayer react-intlayer
|
|
37
|
+
yarn add intlayer react-intlayer
|
|
38
|
+
yarn add --save-dev vite-intlayer
|
|
36
39
|
```
|
|
37
40
|
|
|
38
41
|
- **intlayer**
|
|
@@ -565,13 +568,7 @@ module.exports = App;
|
|
|
565
568
|
> Se você quiser usar seu conteúdo em um atributo `string`, como `alt`, `title`, `href`, `aria-label`, etc., você deve chamar o valor da função, como:
|
|
566
569
|
|
|
567
570
|
> ```jsx
|
|
568
|
-
>
|
|
569
|
-
> ```
|
|
570
|
-
|
|
571
571
|
> <img src={content.image.src.value} alt={content.image.value} />
|
|
572
|
-
|
|
573
|
-
> ```
|
|
574
|
-
>
|
|
575
572
|
> ```
|
|
576
573
|
|
|
577
574
|
> Para saber mais sobre o hook `useIntlayer`, consulte a [documentação](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/react-intlayer/useIntlayer.md).
|
|
@@ -1251,21 +1248,14 @@ const LocaleSwitcher = () => {
|
|
|
1251
1248
|
```
|
|
1252
1249
|
|
|
1253
1250
|
> Referências da documentação:
|
|
1254
|
-
|
|
1251
|
+
>
|
|
1255
1252
|
> - [`useLocale` hook](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/react-intlayer/useLocale.md)
|
|
1256
|
-
|
|
1257
1253
|
> - [`getLocaleName` hook](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocaleName.md)
|
|
1258
|
-
|
|
1259
1254
|
> - [`getLocalizedUrl` hook](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocalizedUrl.md)
|
|
1260
|
-
|
|
1261
1255
|
> - [`getHTMLTextDir` hook](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getHTMLTextDir.md)
|
|
1262
|
-
|
|
1263
1256
|
> - [`hrefLang` attribute](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
|
|
1264
|
-
|
|
1265
1257
|
> - [`lang` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
|
|
1266
|
-
|
|
1267
1258
|
> - [`dir` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
|
|
1268
|
-
|
|
1269
1259
|
> - [`aria-current` attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
|
|
1270
1260
|
|
|
1271
1261
|
---
|
|
@@ -24,15 +24,18 @@ Com o Intlayer, você pode:
|
|
|
24
24
|
Instale os pacotes necessários usando npm:
|
|
25
25
|
|
|
26
26
|
```bash packageManager="npm"
|
|
27
|
-
npm install intlayer vue-intlayer
|
|
27
|
+
npm install intlayer vue-intlayer
|
|
28
|
+
npm install --save-dev vite-intlayer
|
|
28
29
|
```
|
|
29
30
|
|
|
30
31
|
```bash packageManager="pnpm"
|
|
31
|
-
pnpm add intlayer vue-intlayer
|
|
32
|
+
pnpm add intlayer vue-intlayer
|
|
33
|
+
pnpm add --save-dev vite-intlayer
|
|
32
34
|
```
|
|
33
35
|
|
|
34
36
|
```bash packageManager="yarn"
|
|
35
|
-
yarn add intlayer vue-intlayer
|
|
37
|
+
yarn add intlayer vue-intlayer
|
|
38
|
+
yarn add --save-dev vite-intlayer
|
|
36
39
|
```
|
|
37
40
|
|
|
38
41
|
- **intlayer**
|
|
@@ -304,8 +307,6 @@ es: "Haga clic en los logotipos de Vite y Vue para obtener más información",
|
|
|
304
307
|
|
|
305
308
|
module.exports = appContent;
|
|
306
309
|
|
|
307
|
-
````
|
|
308
|
-
|
|
309
310
|
```json fileName="src/helloWorld.content.json" contentDeclarationFormat="json"
|
|
310
311
|
{
|
|
311
312
|
"$schema": "https://intlayer.org/schema.json",
|
|
@@ -376,7 +377,7 @@ module.exports = appContent;
|
|
|
376
377
|
}
|
|
377
378
|
}
|
|
378
379
|
}
|
|
379
|
-
|
|
380
|
+
```
|
|
380
381
|
|
|
381
382
|
> Suas declarações de conteúdo podem ser definidas em qualquer lugar em sua aplicação, desde que estejam incluídas no diretório `contentDir` (por padrão, `./src`). E correspondam à extensão do arquivo de declaração de conteúdo (por padrão, `.content.{json,ts,tsx,js,jsx,mjs,mjx,cjs,cjx}`).
|
|
382
383
|
|
|
@@ -444,23 +445,27 @@ const count = ref(0);
|
|
|
444
445
|
</template>
|
|
445
446
|
```
|
|
446
447
|
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
> ```html
|
|
450
|
-
>
|
|
451
|
-
> ```
|
|
448
|
+
#### Acessando o Conteúdo no Intlayer O Intlayer oferece diferentes APIs para
|
|
452
449
|
|
|
453
|
-
|
|
450
|
+
acessar seu conteúdo:
|
|
454
451
|
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
452
|
+
- **Sintaxe baseada em componentes** (recomendado): Use a
|
|
453
|
+
sintaxe `<meuConteudo />`, ou `<Component :is="meuConteudo" />` para renderizar o conteúdo como um Nó do Intlayer. Isso se integra
|
|
454
|
+
perfeitamente com o [Editor Visual](https://github.com/aymericzip/intlayer/blob/main/docs/pt/intlayer_visual_editor.md) e o [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/pt/intlayer_CMS.md).
|
|
455
|
+
- **Sintaxe baseada em strings**: Use `{{ meuConteudo }}` para renderizar o
|
|
456
|
+
conteúdo como texto simples, sem suporte do Editor Visual. - **Sintaxe de HTML
|
|
457
|
+
bruto**: Use `<div v-html="meuConteudo" />` para renderizar o conteúdo como HTML bruto, sem suporte do Editor Visual.
|
|
458
|
+
- **Sintaxe de desestruturação**: O composable `useIntlayer` retorna um Proxy com
|
|
459
|
+
o conteúdo. Este proxy pode ser desestruturado para acessar o conteúdo, mantendo
|
|
460
|
+
a reatividade. - Use `const content = useIntlayer("meuConteudo");` e `{{ content.meuConteudo }}` / `<content.meuConteudo />`.
|
|
461
|
+
- Ou use `const { meuConteudo } = useIntlayer("meuConteudo");` e `{{ meuConteudo }}` / `<meuConteudo />` para desestruturar o conteúdo.
|
|
458
462
|
|
|
459
463
|
### (Opcional) Passo 6: Alterar o idioma do seu conteúdo
|
|
460
464
|
|
|
461
|
-
Para alterar o idioma do seu conteúdo, você pode usar a função
|
|
462
|
-
|
|
463
|
-
|
|
465
|
+
Para alterar o idioma do seu conteúdo, você pode usar a função
|
|
466
|
+
`setLocale` fornecida pelo composable `useLocale`. Esta função permite que você
|
|
467
|
+
defina a localidade do aplicativo e atualize o conteúdo de acordo. Crie um
|
|
468
|
+
componente para alternar entre idiomas:
|
|
464
469
|
|
|
465
470
|
```vue fileName="src/components/LocaleSwitcher.vue"
|
|
466
471
|
<template>
|
|
@@ -531,7 +536,6 @@ Exemplo:
|
|
|
531
536
|
|
|
532
537
|
```plaintext
|
|
533
538
|
- https://example.com/about
|
|
534
|
-
|
|
535
539
|
- https://example.com/pt/about
|
|
536
540
|
- https://example.com/fr/about
|
|
537
541
|
```
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
**Intlayer** é um conjunto de pacotes projetados especificamente para desenvolvedores JavaScript. É compatível com frameworks como Vue, Vue e Express.js.
|
|
2
|
+
|
|
3
|
+
**O pacote `nuxt-intlayer`** permite que você internacionalize sua aplicação Vue. Ele fornece provedores de contexto e hooks para internacionalização no Vue.
|
|
4
|
+
|
|
5
|
+
## Por que Internacionalizar Sua Aplicação Vue?
|
|
6
|
+
|
|
7
|
+
Internacionalizar sua aplicação Vue é essencial para atender de forma eficaz a um público global. Isso permite que sua aplicação entregue conteúdo e mensagens no idioma preferido de cada usuário. Essa capacidade melhora a experiência do usuário e amplia o alcance da sua aplicação, tornando-a mais acessível e relevante para pessoas de diferentes origens linguísticas.
|
|
8
|
+
|
|
9
|
+
## Por que integrar o Intlayer?
|
|
10
|
+
|
|
11
|
+
- **Gerenciamento de Conteúdo com JavaScript**: Aproveite a flexibilidade do JavaScript para definir e gerenciar seu conteúdo de forma eficiente.
|
|
12
|
+
- **Ambiente com Tipagem Segura**: Utilize TypeScript para garantir que todas as definições de conteúdo sejam precisas e livres de erros.
|
|
13
|
+
- **Arquivos de Conteúdo Integrados**: Mantenha suas traduções próximas aos seus respectivos componentes, melhorando a manutenção e a clareza.
|
|
14
|
+
|
|
15
|
+
## Instalação
|
|
16
|
+
|
|
17
|
+
Instale o pacote necessário usando seu gerenciador de pacotes preferido:
|
|
18
|
+
|
|
19
|
+
```bash packageManager="npm"
|
|
20
|
+
npm install nuxt-intlayer
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
```bash packageManager="yarn"
|
|
24
|
+
yarn add nuxt-intlayer
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
```bash packageManager="pnpm"
|
|
28
|
+
pnpm add nuxt-intlayer
|
|
29
|
+
```
|
package/pt/roadmap.md
CHANGED
|
@@ -14,7 +14,7 @@ Intlayer é uma solução de gerenciamento de conteúdo e internacionalização
|
|
|
14
14
|
- **Distribuída**: Alternativamente, divida seu conteúdo em arquivos separados no nível do componente ou recurso para melhor manutenção. Isso mantém seu conteúdo próximo ao código relevante (componentes, testes, Storybook, etc.). Remover um componente garante que qualquer conteúdo associado também seja removido, evitando dados residuais que possam sobrecarregar sua base de código.
|
|
15
15
|
|
|
16
16
|
> Recursos:
|
|
17
|
-
|
|
17
|
+
>
|
|
18
18
|
> - [Declaração de Conteúdo](https://github.com/aymericzip/intlayer/blob/main/docs/pt/dictionary/get_started.md)
|
|
19
19
|
|
|
20
20
|
### 2. Internacionalização
|
|
@@ -23,7 +23,7 @@ Intlayer é uma solução de gerenciamento de conteúdo e internacionalização
|
|
|
23
23
|
- Gerencie facilmente traduções para todos esses locais em um único lugar.
|
|
24
24
|
|
|
25
25
|
> Recursos:
|
|
26
|
-
|
|
26
|
+
>
|
|
27
27
|
> - [Internacionalização](https://github.com/aymericzip/intlayer/blob/main/docs/pt/dictionary/translation.md)
|
|
28
28
|
|
|
29
29
|
### 3. Suporte a Markdown
|
|
@@ -32,7 +32,7 @@ Intlayer é uma solução de gerenciamento de conteúdo e internacionalização
|
|
|
32
32
|
- Ideal para postagens de blog, artigos, páginas de documentação ou qualquer cenário onde seja necessário formatação de texto rica.
|
|
33
33
|
|
|
34
34
|
> Recursos:
|
|
35
|
-
|
|
35
|
+
>
|
|
36
36
|
> - [Markdown](https://github.com/aymericzip/intlayer/blob/main/docs/pt/dictionary/markdown.md)
|
|
37
37
|
|
|
38
38
|
### 4. Renderização Condicional
|
|
@@ -41,7 +41,7 @@ Intlayer é uma solução de gerenciamento de conteúdo e internacionalização
|
|
|
41
41
|
- Ajuda a personalizar experiências sem duplicar conteúdo em vários arquivos.
|
|
42
42
|
|
|
43
43
|
> Recursos:
|
|
44
|
-
|
|
44
|
+
>
|
|
45
45
|
> - [Renderização Condicional](https://github.com/aymericzip/intlayer/blob/main/docs/pt/dictionary/condition.md)
|
|
46
46
|
|
|
47
47
|
### 5. Formatos de Declaração de Conteúdo
|
|
@@ -86,7 +86,7 @@ O Intlayer suporta **TypeScript** (também JavaScript) e **JSON** para declarar
|
|
|
86
86
|
- Totalmente compatível com o novo Turbopack do Next.js, bem como com o Webpack tradicional.
|
|
87
87
|
|
|
88
88
|
> Recursos:
|
|
89
|
-
|
|
89
|
+
>
|
|
90
90
|
> - [Next.js](https://github.com/aymericzip/intlayer/blob/main/docs/pt/intlayer_with_nextjs_15.md)
|
|
91
91
|
|
|
92
92
|
### 2. Vite
|
|
@@ -94,7 +94,7 @@ O Intlayer suporta **TypeScript** (também JavaScript) e **JSON** para declarar
|
|
|
94
94
|
- Semelhante ao Next.js, você pode integrar o Intlayer com o Vite e usar um **middleware** para redirecionar usuários para o conteúdo com base no idioma preferido.
|
|
95
95
|
|
|
96
96
|
> Recursos:
|
|
97
|
-
|
|
97
|
+
>
|
|
98
98
|
> - [Vite](https://github.com/aymericzip/intlayer/blob/main/docs/pt/intlayer_with_vite+react.md)
|
|
99
99
|
|
|
100
100
|
### 3. Express
|
|
@@ -103,7 +103,7 @@ O Intlayer suporta **TypeScript** (também JavaScript) e **JSON** para declarar
|
|
|
103
103
|
- Personalize e-mails, mensagens de erro, notificações push e muito mais com texto localizado.
|
|
104
104
|
|
|
105
105
|
> Recursos:
|
|
106
|
-
|
|
106
|
+
>
|
|
107
107
|
> - [Express](https://github.com/aymericzip/intlayer/blob/main/docs/pt/intlayer_with_express.md)
|
|
108
108
|
|
|
109
109
|
---
|
|
@@ -120,7 +120,7 @@ O Intlayer suporta **TypeScript** (também JavaScript) e **JSON** para declarar
|
|
|
120
120
|
- Pode ser hospedado localmente ou implantado em um servidor remoto.
|
|
121
121
|
|
|
122
122
|
> Recursos:
|
|
123
|
-
|
|
123
|
+
>
|
|
124
124
|
> - [Editor Visual](https://github.com/aymericzip/intlayer/blob/main/docs/pt/intlayer_visual_editor.md)
|
|
125
125
|
|
|
126
126
|
### 2. Intlayer CMS (Remoto)
|
|
@@ -130,7 +130,7 @@ O Intlayer suporta **TypeScript** (também JavaScript) e **JSON** para declarar
|
|
|
130
130
|
- Interaja com seu conteúdo por meio da interface ao vivo da sua aplicação.
|
|
131
131
|
|
|
132
132
|
> Recursos:
|
|
133
|
-
|
|
133
|
+
>
|
|
134
134
|
> - [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/pt/intlayer_CMS.md)
|
|
135
135
|
|
|
136
136
|
---
|
|
@@ -142,7 +142,7 @@ O Intlayer suporta **TypeScript** (também JavaScript) e **JSON** para declarar
|
|
|
142
142
|
- Útil para **pipelines CI/CD**, garantindo que seu conteúdo esteja sempre sincronizado com seu código.
|
|
143
143
|
|
|
144
144
|
> Recursos:
|
|
145
|
-
|
|
145
|
+
>
|
|
146
146
|
> - [CLI](https://github.com/aymericzip/intlayer/blob/main/docs/pt/intlayer_cli.md)
|
|
147
147
|
|
|
148
148
|
---
|
|
@@ -159,7 +159,7 @@ O Intlayer suporta **TypeScript** (também JavaScript) e **JSON** para declarar
|
|
|
159
159
|
- Ao usar dicionários remotos e o Intlayer CMS, você pode **atualizar o conteúdo da sua aplicação em tempo real**, sem necessidade de reimplantação.
|
|
160
160
|
|
|
161
161
|
> Recursos:
|
|
162
|
-
|
|
162
|
+
>
|
|
163
163
|
> - [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/pt/intlayer_CMS.md)
|
|
164
164
|
|
|
165
165
|
---
|
package/ru/autoFill.md
CHANGED
|
@@ -67,9 +67,8 @@ src/components/example/example.filled.content.ts
|
|
|
67
67
|
```
|
|
68
68
|
|
|
69
69
|
> Генерация файлов `.js`, `.ts` и подобных работает следующим образом:
|
|
70
|
-
|
|
70
|
+
>
|
|
71
71
|
> - Если файл уже существует, Intlayer проанализирует его с помощью AST (Абстрактного Синтаксического Дерева), чтобы найти каждое поле и вставить отсутствующие переводы.
|
|
72
|
-
|
|
73
72
|
> - Если файл не существует, Intlayer сгенерирует его, используя шаблон по умолчанию для файлов объявления контента.
|
|
74
73
|
|
|
75
74
|
## Абсолютные пути
|
package/ru/how_works_intlayer.md
CHANGED
|
@@ -196,7 +196,7 @@ Intlayer состоит из нескольких пакетов, каждый
|
|
|
196
196
|
|
|
197
197
|
Пакет `@intlayer/babel` предоставляет инструменты, которые оптимизируют сборку словарей для приложений на основе Vite и Webpack.
|
|
198
198
|
|
|
199
|
-
### @intlayer/swc
|
|
199
|
+
### @intlayer/swc
|
|
200
200
|
|
|
201
201
|
Пакет `@intlayer/swc` предоставляет инструменты, которые оптимизируют сборку словарей для приложений Next.js.
|
|
202
202
|
|
|
@@ -332,13 +332,7 @@ const App = () => (
|
|
|
332
332
|
> Примечание: Если вы хотите использовать ваш контент в атрибуте `string`, таком как `alt`, `title`, `href`, `aria-label` и т.д., вы должны вызвать значение функции, например:
|
|
333
333
|
|
|
334
334
|
> ```jsx
|
|
335
|
-
>
|
|
336
|
-
> ```
|
|
337
|
-
|
|
338
335
|
> <img src={content.image.src.value} alt={content.image.value} />
|
|
339
|
-
|
|
340
|
-
> ```
|
|
341
|
-
>
|
|
342
336
|
> ```
|
|
343
337
|
|
|
344
338
|
> Чтобы узнать больше о хуке `useIntlayer`, обратитесь к [документации](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/react-intlayer/useIntlayer.md).
|
|
@@ -978,21 +972,14 @@ const LocaleSwitcher = () => {
|
|
|
978
972
|
```
|
|
979
973
|
|
|
980
974
|
> Ссылки на документацию:
|
|
981
|
-
|
|
975
|
+
>
|
|
982
976
|
> - [`useLocale` хук](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/react-intlayer/useLocale.md)
|
|
983
|
-
|
|
984
977
|
> - [`getLocaleName` хук](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/intlayer/getLocaleName.md)
|
|
985
|
-
|
|
986
978
|
> - [`getLocalizedUrl` хук](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/intlayer/getLocalizedUrl.md)
|
|
987
|
-
|
|
988
979
|
> - [`getHTMLTextDir` хук](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/intlayer/getHTMLTextDir.md)
|
|
989
|
-
|
|
990
980
|
> - [`hrefLang` атрибут](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
|
|
991
|
-
|
|
992
981
|
> - [`lang` атрибут](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
|
|
993
|
-
|
|
994
982
|
> - [`dir` атрибут](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
|
|
995
|
-
|
|
996
983
|
> - [`aria-current` атрибут](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
|
|
997
984
|
|
|
998
985
|
### (Необязательно) Шаг 9: Переключение атрибутов языка и направления HTML
|
|
@@ -568,13 +568,7 @@ const ServerComponentExample = () => {
|
|
|
568
568
|
> Если вы хотите использовать ваш контент в атрибуте `string`, таком как `alt`, `title`, `href`, `aria-label` и т.д., вы должны вызвать значение функции, например:
|
|
569
569
|
|
|
570
570
|
> ```jsx
|
|
571
|
-
>
|
|
572
|
-
> ```
|
|
573
|
-
|
|
574
571
|
> <img src={content.image.src.value} alt={content.image.value} />
|
|
575
|
-
|
|
576
|
-
> ```
|
|
577
|
-
>
|
|
578
572
|
> ```
|
|
579
573
|
|
|
580
574
|
> Чтобы узнать больше о хуке `useIntlayer`, обратитесь к [документации](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/next-intlayer/useIntlayer.md).
|
|
@@ -1060,21 +1054,14 @@ const LocaleSwitcher = () => {
|
|
|
1060
1054
|
```
|
|
1061
1055
|
|
|
1062
1056
|
> Ссылки на документацию:
|
|
1063
|
-
|
|
1057
|
+
>
|
|
1064
1058
|
> - [`useLocale` hook](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/next-intlayer/useLocale.md)
|
|
1065
|
-
|
|
1066
1059
|
> - [`getLocaleName` hook](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/intlayer/getLocaleName.md)
|
|
1067
|
-
|
|
1068
1060
|
> - [`getLocalizedUrl` hook](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/intlayer/getLocalizedUrl.md)
|
|
1069
|
-
|
|
1070
1061
|
> - [`getHTMLTextDir` hook](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/intlayer/getHTMLTextDir.md)
|
|
1071
|
-
|
|
1072
1062
|
> - [`hrefLang` attribute](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
|
|
1073
|
-
|
|
1074
1063
|
> - [`lang` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
|
|
1075
|
-
|
|
1076
1064
|
> - [`dir` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
|
|
1077
|
-
|
|
1078
1065
|
> - [`aria-current` attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
|
|
1079
1066
|
|
|
1080
1067
|
### (Опционально) Шаг 11: Создание локализованного компонента ссылки
|
|
@@ -588,13 +588,7 @@ const ServerComponentExample = () => {
|
|
|
588
588
|
> Если вы хотите использовать ваш контент в атрибуте `string`, таком как `alt`, `title`, `href`, `aria-label` и т.д., вы должны вызвать значение функции, например:
|
|
589
589
|
|
|
590
590
|
> ```jsx
|
|
591
|
-
>
|
|
592
|
-
> ```
|
|
593
|
-
|
|
594
591
|
> <img src={content.image.src.value} alt={content.image.value} />
|
|
595
|
-
|
|
596
|
-
> ```
|
|
597
|
-
>
|
|
598
592
|
> ```
|
|
599
593
|
|
|
600
594
|
> Чтобы узнать больше о хуке `useIntlayer`, обратитесь к [документации](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/next-intlayer/useIntlayer.md).
|
|
@@ -1109,21 +1103,14 @@ export const LocaleSwitcher = () => {
|
|
|
1109
1103
|
```
|
|
1110
1104
|
|
|
1111
1105
|
> Ссылки на документацию:
|
|
1112
|
-
|
|
1106
|
+
>
|
|
1113
1107
|
> - [`useLocale` hook](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/next-intlayer/useLocale.md)
|
|
1114
|
-
|
|
1115
1108
|
> - [`getLocaleName` hook](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/intlayer/getLocaleName.md)
|
|
1116
|
-
|
|
1117
1109
|
> - [`getLocalizedUrl` hook](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/intlayer/getLocalizedUrl.md)
|
|
1118
|
-
|
|
1119
1110
|
> - [`getHTMLTextDir` hook](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/intlayer/getHTMLTextDir.md)
|
|
1120
|
-
|
|
1121
1111
|
> - [`hrefLang` attribute](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=ru)
|
|
1122
|
-
|
|
1123
1112
|
> - [`lang` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
|
|
1124
|
-
|
|
1125
1113
|
> - [`dir` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
|
|
1126
|
-
|
|
1127
1114
|
> - [`aria-current` attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
|
|
1128
1115
|
|
|
1129
1116
|
### (Необязательно) Шаг 11: Создание компонента локализованной ссылки
|
|
@@ -538,13 +538,7 @@ const ComponentExample = () => {
|
|
|
538
538
|
> значение функции следующим образом:
|
|
539
539
|
|
|
540
540
|
> ```jsx
|
|
541
|
-
>
|
|
542
|
-
> ```
|
|
543
|
-
|
|
544
541
|
> <img src={content.image.src.value} alt={content.image.value} />
|
|
545
|
-
|
|
546
|
-
> ```
|
|
547
|
-
>
|
|
548
542
|
> ```
|
|
549
543
|
|
|
550
544
|
> Чтобы узнать больше о хуке `useIntlayer`, обратитесь к [документации](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/next-intlayer/useIntlayer.md).
|
|
@@ -880,19 +874,13 @@ const LocaleSwitcher = () => {
|
|
|
880
874
|
> API `useLocalePageRouter` идентичен `useLocale`. Чтобы узнать больше о хуке `useLocale`, обратитесь к [документации](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/next-intlayer/useLocale.md).
|
|
881
875
|
|
|
882
876
|
> Ссылки на документацию:
|
|
883
|
-
|
|
877
|
+
>
|
|
884
878
|
> - [Хук `getLocaleName`](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/intlayer/getLocaleName.md)
|
|
885
|
-
|
|
886
879
|
> - [Хук `getLocalizedUrl`](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/intlayer/getLocalizedUrl.md)
|
|
887
|
-
|
|
888
880
|
> - [Хук `getHTMLTextDir`](https://github.com/aymericzip/intlayer/blob/main/docs/ru/packages/intlayer/getHTMLTextDir.md)
|
|
889
|
-
|
|
890
881
|
> - [Атрибут `hrefLang`](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=ru)
|
|
891
|
-
|
|
892
882
|
> - [Атрибут `lang`](https://developer.mozilla.org/ru/docs/Web/HTML/Global_attributes/lang)
|
|
893
|
-
|
|
894
883
|
> - [Атрибут `dir`](https://developer.mozilla.org/ru/docs/Web/HTML/Global_attributes/dir)
|
|
895
|
-
|
|
896
884
|
> - [Атрибут `aria-current`](https://developer.mozilla.org/ru/docs/Web/Accessibility/ARIA/Attributes/aria-current)
|
|
897
885
|
|
|
898
886
|
### (Опционально) Шаг 10: Создание локализованного компонента ссылки
|