@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 @@
|
|
|
20
20
|
अपने रिएक्ट नेटिव प्रोजेक्ट से, निम्नलिखित पैकेज स्थापित करें:
|
|
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
|
### पैकेज
|
|
@@ -24,15 +24,18 @@ GitHub पर [एप्लिकेशन टेम्पलेट](https://git
|
|
|
24
24
|
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**
|
|
@@ -512,13 +515,7 @@ module.exports = App;
|
|
|
512
515
|
> यदि आप अपनी सामग्री को `string` विशेषता में उपयोग करना चाहते हैं, जैसे `alt`, `title`, `href`, `aria-label`, आदि, तो आपको फ़ंक्शन के मान को कॉल करना होगा, जैसे:
|
|
513
516
|
|
|
514
517
|
> ```jsx
|
|
515
|
-
>
|
|
516
|
-
> ```
|
|
517
|
-
|
|
518
518
|
> <img src={content.image.src.value} alt={content.image.value} />
|
|
519
|
-
|
|
520
|
-
> ```
|
|
521
|
-
>
|
|
522
519
|
> ```
|
|
523
520
|
|
|
524
521
|
> ध्यान दें: Preact में, `className` आमतौर पर `class` के रूप में लिखा जाता है।
|
|
@@ -1193,23 +1190,15 @@ module.exports = LocaleSwitcher;
|
|
|
1193
1190
|
```
|
|
1194
1191
|
|
|
1195
1192
|
> दस्तावेज़ संदर्भ:
|
|
1196
|
-
|
|
1193
|
+
>
|
|
1197
1194
|
> - [`useLocale` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/react-intlayer/useLocale.md) (API `preact-intlayer` के लिए समान है)
|
|
1198
|
-
|
|
1199
1195
|
> - [`getLocaleName` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/intlayer/getLocaleName.md)
|
|
1200
|
-
|
|
1201
1196
|
> - [`getLocalizedUrl` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/intlayer/getLocalizedUrl.md)
|
|
1202
|
-
|
|
1203
1197
|
> - [`getHTMLTextDir` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/intlayer/getHTMLTextDir.md)
|
|
1204
|
-
|
|
1205
1198
|
> - [`hreflang` एट्रिब्यूट](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=hi)
|
|
1206
|
-
|
|
1207
1199
|
> - [`lang` एट्रिब्यूट](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
|
|
1208
|
-
|
|
1209
1200
|
> - [`dir` एट्रिब्यूट](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
|
|
1210
|
-
|
|
1211
1201
|
> - [`aria-current` एट्रिब्यूट](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
|
|
1212
|
-
|
|
1213
1202
|
> - [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
|
|
1214
1203
|
|
|
1215
1204
|
---
|
|
@@ -24,15 +24,18 @@
|
|
|
24
24
|
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**
|
|
@@ -502,13 +505,7 @@ module.exports = App;
|
|
|
502
505
|
> यदि आप अपनी सामग्री को `string` विशेषता में उपयोग करना चाहते हैं, जैसे `alt`, `title`, `href`, `aria-label`, आदि, तो आपको फ़ंक्शन के मान को कॉल करना होगा, जैसे:
|
|
503
506
|
|
|
504
507
|
> ```jsx
|
|
505
|
-
>
|
|
506
|
-
> ```
|
|
507
|
-
|
|
508
508
|
> <img src={content.image.src.value} alt={content.image.value} />
|
|
509
|
-
|
|
510
|
-
> ```
|
|
511
|
-
>
|
|
512
509
|
> ```
|
|
513
510
|
|
|
514
511
|
> `useIntlayer` हुक के बारे में अधिक जानने के लिए, [प्रलेखन](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/react-intlayer/useIntlayer.md) देखें।
|
|
@@ -1187,21 +1184,14 @@ const LocaleSwitcher = () => {
|
|
|
1187
1184
|
```
|
|
1188
1185
|
|
|
1189
1186
|
> दस्तावेज़ संदर्भ:
|
|
1190
|
-
|
|
1187
|
+
>
|
|
1191
1188
|
> - [`useLocale` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/react-intlayer/useLocale.md)
|
|
1192
|
-
|
|
1193
1189
|
> - [`getLocaleName` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/intlayer/getLocaleName.md)
|
|
1194
|
-
|
|
1195
1190
|
> - [`getLocalizedUrl` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/intlayer/getLocalizedUrl.md)
|
|
1196
|
-
|
|
1197
1191
|
> - [`getHTMLTextDir` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/intlayer/getHTMLTextDir.md)
|
|
1198
|
-
|
|
1199
1192
|
> - [`hrefLang` एट्रिब्यूट](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
|
|
1200
|
-
|
|
1201
1193
|
> - [`lang` एट्रिब्यूट](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
|
|
1202
|
-
|
|
1203
1194
|
> - [`dir` एट्रिब्यूट](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
|
|
1204
|
-
|
|
1205
1195
|
> - [`aria-current` एट्रिब्यूट](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
|
|
1206
1196
|
|
|
1207
1197
|
---
|
|
@@ -24,15 +24,18 @@ Intlayer के साथ, आप कर सकते हैं:
|
|
|
24
24
|
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**
|
|
@@ -259,52 +262,60 @@ const helloWorldContent = {
|
|
|
259
262
|
export default helloWorldContent;
|
|
260
263
|
```
|
|
261
264
|
|
|
262
|
-
|
|
263
|
-
|
|
265
|
+
```javascript fileName="src/helloWorld.content.cjs" contentDeclarationFormat="commonjs"
|
|
264
266
|
const { t } = require("intlayer");
|
|
265
267
|
|
|
266
|
-
|
|
268
|
+
/** @type {import('intlayer').Dictionary} */
|
|
267
269
|
const appContent = {
|
|
268
|
-
key: "helloworld",
|
|
269
|
-
content: {
|
|
270
|
-
count: t({
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
270
|
+
key: "helloworld",
|
|
271
|
+
content: {
|
|
272
|
+
count: t({
|
|
273
|
+
hi: "गणना है ",
|
|
274
|
+
en: "count is ",
|
|
275
|
+
fr: "le compte est ",
|
|
276
|
+
es: "el recuento es ",
|
|
277
|
+
}),
|
|
278
|
+
edit: t({
|
|
279
|
+
hi: "संपादित करें <code>components/HelloWorld.vue</code> और HMR का परीक्षण करने के लिए सहेजें",
|
|
280
|
+
en: "Edit <code>components/HelloWorld.vue</code> and save to test HMR",
|
|
281
|
+
fr: "Éditez <code>components/HelloWorld.vue</code> et enregistrez pour tester HMR",
|
|
282
|
+
es: "Edita <code>components/HelloWorld.vue</code> y guarda para probar HMR",
|
|
283
|
+
}),
|
|
284
|
+
checkOut: t({
|
|
285
|
+
hi: "जांचें ",
|
|
286
|
+
en: "Check out ",
|
|
287
|
+
fr: "Vérifiez ",
|
|
288
|
+
es: "Compruebe ",
|
|
289
|
+
}),
|
|
290
|
+
officialStarter: t({
|
|
291
|
+
hi: "आधिकारिक Vue + Vite स्टार्टर",
|
|
292
|
+
en: "the official Vue + Vite starter",
|
|
293
|
+
fr: "le starter officiel Vue + Vite",
|
|
294
|
+
es: "el starter oficial Vue + Vite",
|
|
295
|
+
}),
|
|
296
|
+
learnMore: t({
|
|
297
|
+
hi: "Vue के लिए IDE समर्थन के बारे में और जानें ",
|
|
298
|
+
en: "Learn more about IDE Support for Vue in the ",
|
|
299
|
+
fr: "En savoir plus sur le support IDE pour Vue dans le ",
|
|
300
|
+
es: "Aprenda más sobre el soporte IDE para Vue en el ",
|
|
301
|
+
}),
|
|
302
|
+
vueDocs: t({
|
|
303
|
+
hi: "Vue Docs स्केलिंग अप गाइड",
|
|
304
|
+
en: "Vue Docs Scaling up Guide",
|
|
305
|
+
fr: "Vue Docs Scaling up Guide",
|
|
306
|
+
es: "Vue Docs Scaling up Guide",
|
|
307
|
+
}),
|
|
308
|
+
readTheDocs: t({
|
|
309
|
+
hi: "अधिक जानने के लिए Vite और Vue लोगो पर क्लिक करें",
|
|
310
|
+
en: "Click on the Vite and Vue logos to learn more",
|
|
311
|
+
fr: "Cliquez sur les logos Vite et Vue pour en savoir plus",
|
|
312
|
+
es: "Haga clic en los logotipos de Vite y Vue para obtener más información",
|
|
313
|
+
}),
|
|
314
|
+
},
|
|
303
315
|
};
|
|
304
316
|
|
|
305
317
|
module.exports = appContent;
|
|
306
|
-
|
|
307
|
-
````
|
|
318
|
+
```
|
|
308
319
|
|
|
309
320
|
```json fileName="src/helloWorld.content.json" contentDeclarationFormat="json"
|
|
310
321
|
{
|
|
@@ -376,22 +387,23 @@ module.exports = appContent;
|
|
|
376
387
|
}
|
|
377
388
|
}
|
|
378
389
|
}
|
|
379
|
-
|
|
390
|
+
```
|
|
380
391
|
|
|
381
392
|
> आपकी सामग्री घोषणाएँ आपके एप्लिकेशन में कहीं भी परिभाषित की जा सकती हैं, जब तक वे `contentDir` निर्देशिका (डिफ़ॉल्ट रूप से, `./src`) में शामिल हैं। और सामग्री घोषणा फ़ाइल एक्सटेंशन से मेल खाती हैं (डिफ़ॉल्ट रूप से, `.content.{json,ts,tsx,js,jsx,mjs,mjx,cjs,cjx}`)।
|
|
382
393
|
|
|
383
394
|
> अधिक विवरण के लिए, [सामग्री घोषणा दस्तावेज़ीकरण](https://github.com/aymericzip/intlayer/blob/main/docs/hi/dictionary/get_started.md) देखें।
|
|
384
395
|
|
|
396
|
+
```
|
|
397
|
+
- https://example.com
|
|
385
398
|
- https://example.com/hi/about
|
|
386
399
|
- https://example.com/fr/about
|
|
387
|
-
|
|
388
|
-
````
|
|
400
|
+
```
|
|
389
401
|
|
|
390
402
|
सबसे पहले, Vue Router इंस्टॉल करें:
|
|
391
403
|
|
|
392
404
|
```bash packageManager="npm"
|
|
393
405
|
npm install intlayer vue-router
|
|
394
|
-
|
|
406
|
+
```
|
|
395
407
|
|
|
396
408
|
```bash packageManager="pnpm"
|
|
397
409
|
pnpm add intlayer vue-router
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
**Intlayer** विशेष रूप से जावास्क्रिप्ट डेवलपर्स के लिए डिज़ाइन किए गए पैकेजों का एक सूट है। यह Vue, Vue और Express.js जैसे फ्रेमवर्क के साथ संगत है।
|
|
2
|
+
|
|
3
|
+
**`nuxt-intlayer` पैकेज** आपको अपने Vue एप्लिकेशन को अंतर्राष्ट्रीयकरण करने की अनुमति देता है। यह Vue अंतर्राष्ट्रीयकरण के लिए संदर्भ प्रदाता और हुक प्रदान करता है।
|
|
4
|
+
|
|
5
|
+
## अपने Vue एप्लिकेशन को अंतर्राष्ट्रीयकरण क्यों करें?
|
|
6
|
+
|
|
7
|
+
अपने Vue एप्लिकेशन को अंतर्राष्ट्रीयकरण करना एक वैश्विक दर्शकों को प्रभावी ढंग से सेवा देने के लिए आवश्यक है। यह आपके एप्लिकेशन को प्रत्येक उपयोगकर्ता की पसंदीदा भाषा में सामग्री और संदेश प्रदान करने की अनुमति देता है। यह क्षमता उपयोगकर्ता अनुभव को बढ़ाती है और आपके एप्लिकेशन की पहुंच को व्यापक बनाती है, जिससे यह विभिन्न भाषाई पृष्ठभूमि के लोगों के लिए अधिक सुलभ और प्रासंगिक बनता है।
|
|
8
|
+
|
|
9
|
+
## Intlayer को एकीकृत क्यों करें?
|
|
10
|
+
|
|
11
|
+
- **जावास्क्रिप्ट-संचालित सामग्री प्रबंधन**: अपनी सामग्री को कुशलतापूर्वक परिभाषित और प्रबंधित करने के लिए जावास्क्रिप्ट की लचीलापन का उपयोग करें।
|
|
12
|
+
- **टाइप-सुरक्षित वातावरण**: टाइपस्क्रिप्ट का उपयोग करके सुनिश्चित करें कि आपकी सभी सामग्री परिभाषाएँ सटीक और त्रुटि-मुक्त हैं।
|
|
13
|
+
- **एकीकृत सामग्री फ़ाइलें**: अपनी अनुवादों को उनके संबंधित घटकों के पास रखें, जिससे रखरखाव और स्पष्टता बढ़े।
|
|
14
|
+
|
|
15
|
+
## स्थापना
|
|
16
|
+
|
|
17
|
+
अपने पसंदीदा पैकेज मैनेजर का उपयोग करके आवश्यक पैकेज इंस्टॉल करें:
|
|
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/hi/roadmap.md
CHANGED
|
@@ -14,7 +14,7 @@ Intlayer एक सामग्री प्रबंधन और अंतर
|
|
|
14
14
|
- **वितरित**: वैकल्पिक रूप से, अपनी सामग्री को घटक या सुविधा स्तर पर अलग-अलग फ़ाइलों में विभाजित करें ताकि इसे बेहतर तरीके से बनाए रखा जा सके। यह आपकी सामग्री को प्रासंगिक कोड (घटक, परीक्षण, Storybook, आदि) के करीब रखता है। किसी घटक को हटाने से यह सुनिश्चित होता है कि कोई भी संबंधित सामग्री भी हटा दी जाती है, जिससे आपके कोडबेस में बचे हुए डेटा को रोकने में मदद मिलती है।
|
|
15
15
|
|
|
16
16
|
> संसाधन:
|
|
17
|
-
|
|
17
|
+
>
|
|
18
18
|
> - [सामग्री घोषणा](https://github.com/aymericzip/intlayer/blob/main/docs/hi/dictionary/get_started.md)
|
|
19
19
|
|
|
20
20
|
### 2. अंतर्राष्ट्रीयकरण
|
|
@@ -23,7 +23,7 @@ Intlayer एक सामग्री प्रबंधन और अंतर
|
|
|
23
23
|
- इन सभी स्थानीयताओं के लिए अनुवादों को एक ही स्थान से आसानी से प्रबंधित करें।
|
|
24
24
|
|
|
25
25
|
> संसाधन:
|
|
26
|
-
|
|
26
|
+
>
|
|
27
27
|
> - [अंतर्राष्ट्रीयकरण](https://github.com/aymericzip/intlayer/blob/main/docs/hi/dictionary/translation.md)
|
|
28
28
|
|
|
29
29
|
### 3. Markdown समर्थन
|
|
@@ -32,7 +32,7 @@ Intlayer एक सामग्री प्रबंधन और अंतर
|
|
|
32
32
|
- ब्लॉग पोस्ट, लेख, प्रलेखन पृष्ठों, या किसी भी परिदृश्य के लिए आदर्श जहां समृद्ध पाठ स्वरूपण की आवश्यकता होती है।
|
|
33
33
|
|
|
34
34
|
> संसाधन:
|
|
35
|
-
|
|
35
|
+
>
|
|
36
36
|
> - [Markdown](https://github.com/aymericzip/intlayer/blob/main/docs/hi/dictionary/markdown.md)
|
|
37
37
|
|
|
38
38
|
### 4. सशर्त रेंडरिंग
|
|
@@ -41,7 +41,7 @@ Intlayer एक सामग्री प्रबंधन और अंतर
|
|
|
41
41
|
- कई फ़ाइलों में सामग्री को डुप्लिकेट किए बिना व्यक्तिगत अनुभवों को अनुकूलित करने में मदद करता है।
|
|
42
42
|
|
|
43
43
|
> संसाधन:
|
|
44
|
-
|
|
44
|
+
>
|
|
45
45
|
> - [सशर्त रेंडरिंग](https://github.com/aymericzip/intlayer/blob/main/docs/hi/dictionary/condition.md)
|
|
46
46
|
|
|
47
47
|
### 5. सामग्री घोषणा प्रारूप
|
|
@@ -86,7 +86,7 @@ Intlayer सामग्री घोषित करने के लिए **T
|
|
|
86
86
|
- नए Next.js Turbopack के साथ-साथ पारंपरिक Webpack के साथ पूरी तरह से संगत।
|
|
87
87
|
|
|
88
88
|
> संसाधन:
|
|
89
|
-
|
|
89
|
+
>
|
|
90
90
|
> - [Next.js](https://github.com/aymericzip/intlayer/blob/main/docs/hi/intlayer_with_nextjs_15.md)
|
|
91
91
|
|
|
92
92
|
### 2. Vite
|
|
@@ -94,7 +94,7 @@ Intlayer सामग्री घोषित करने के लिए **T
|
|
|
94
94
|
- Next.js के समान, आप Intlayer को Vite के साथ एकीकृत कर सकते हैं और उपयोगकर्ताओं को उनकी पसंदीदा भाषा के आधार पर सामग्री पर पुनर्निर्देशित करने के लिए एक **मिडलवेयर** का उपयोग कर सकते हैं।
|
|
95
95
|
|
|
96
96
|
> संसाधन:
|
|
97
|
-
|
|
97
|
+
>
|
|
98
98
|
> - [Vite](https://github.com/aymericzip/intlayer/blob/main/docs/hi/intlayer_with_vite+react.md)
|
|
99
99
|
|
|
100
100
|
### 3. Express
|
|
@@ -103,7 +103,7 @@ Intlayer सामग्री घोषित करने के लिए **T
|
|
|
103
103
|
- स्थानीयकृत पाठ के साथ ईमेल, त्रुटि संदेश, पुश सूचनाएँ, और अधिक को वैयक्तिकृत करें।
|
|
104
104
|
|
|
105
105
|
> संसाधन:
|
|
106
|
-
|
|
106
|
+
>
|
|
107
107
|
> - [Express](https://github.com/aymericzip/intlayer/blob/main/docs/hi/intlayer_with_express.md)
|
|
108
108
|
|
|
109
109
|
---
|
|
@@ -120,7 +120,7 @@ Intlayer सामग्री घोषित करने के लिए **T
|
|
|
120
120
|
- इसे स्थानीय रूप से होस्ट किया जा सकता है या एक रिमोट सर्वर पर तैनात किया जा सकता है।
|
|
121
121
|
|
|
122
122
|
> संसाधन:
|
|
123
|
-
|
|
123
|
+
>
|
|
124
124
|
> - [दृश्य संपादक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/intlayer_visual_editor.md)
|
|
125
125
|
|
|
126
126
|
### 2. Intlayer CMS (रिमोट)
|
|
@@ -130,7 +130,7 @@ Intlayer सामग्री घोषित करने के लिए **T
|
|
|
130
130
|
- अपनी लाइव अनुप्रयोग इंटरफ़ेस के माध्यम से अपनी सामग्री के साथ इंटरैक्ट करें।
|
|
131
131
|
|
|
132
132
|
> संसाधन:
|
|
133
|
-
|
|
133
|
+
>
|
|
134
134
|
> - [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/hi/intlayer_CMS.md)
|
|
135
135
|
|
|
136
136
|
---
|
|
@@ -142,7 +142,7 @@ Intlayer सामग्री घोषित करने के लिए **T
|
|
|
142
142
|
- **CI/CD पाइपलाइनों** के लिए उपयोगी, यह सुनिश्चित करने के लिए कि आपकी सामग्री हमेशा आपके कोड के साथ सिंक्रनाइज़ रहती है।
|
|
143
143
|
|
|
144
144
|
> संसाधन:
|
|
145
|
-
|
|
145
|
+
>
|
|
146
146
|
> - [CLI](https://github.com/aymericzip/intlayer/blob/main/docs/hi/intlayer_cli.md)
|
|
147
147
|
|
|
148
148
|
---
|
|
@@ -159,7 +159,7 @@ Intlayer सामग्री घोषित करने के लिए **T
|
|
|
159
159
|
- रिमोट शब्दकोशों और Intlayer CMS का उपयोग करते समय, आप **अपने अनुप्रयोग की सामग्री को तुरंत अपडेट कर सकते हैं**, बिना पुनः परिनियोजन की आवश्यकता के।
|
|
160
160
|
|
|
161
161
|
> संसाधन:
|
|
162
|
-
|
|
162
|
+
>
|
|
163
163
|
> - [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/hi/intlayer_CMS.md)
|
|
164
164
|
|
|
165
165
|
---
|
package/index.cjs
CHANGED
|
@@ -221,6 +221,21 @@ const docs = {
|
|
|
221
221
|
zh: require('./zh/intlayer_with_vite+vue.md'),
|
|
222
222
|
ar: require('./ar/intlayer_with_vite+vue.md'),
|
|
223
223
|
},
|
|
224
|
+
intlayer_with_nuxt: {
|
|
225
|
+
en: require('./en/intlayer_with_nuxt.md'),
|
|
226
|
+
fr: require('./fr/intlayer_with_nuxt.md'),
|
|
227
|
+
es: require('./es/intlayer_with_nuxt.md'),
|
|
228
|
+
'en-GB': require('./en-GB/intlayer_with_nuxt.md'),
|
|
229
|
+
de: require('./de/intlayer_with_nuxt.md'),
|
|
230
|
+
hi: require('./hi/intlayer_with_nuxt.md'),
|
|
231
|
+
it: require('./it/intlayer_with_nuxt.md'),
|
|
232
|
+
ja: require('./ja/intlayer_with_nuxt.md'),
|
|
233
|
+
ko: require('./ko/intlayer_with_nuxt.md'),
|
|
234
|
+
pt: require('./pt/intlayer_with_nuxt.md'),
|
|
235
|
+
ru: require('./ru/intlayer_with_nuxt.md'),
|
|
236
|
+
zh: require('./zh/intlayer_with_nuxt.md'),
|
|
237
|
+
ar: require('./ar/intlayer_with_nuxt.md'),
|
|
238
|
+
},
|
|
224
239
|
intlayer_with_vite_svelte: {
|
|
225
240
|
en: require('./en/intlayer_with_vite+svelte.md'),
|
|
226
241
|
fr: require('./fr/intlayer_with_vite+svelte.md'),
|
|
@@ -909,6 +924,21 @@ const docs = {
|
|
|
909
924
|
zh: require('./zh/packages/vue-intlayer/index.md'),
|
|
910
925
|
ar: require('./ar/packages/vue-intlayer/index.md'),
|
|
911
926
|
},
|
|
927
|
+
'package__nuxt-intlayer': {
|
|
928
|
+
en: require('./en/packages/nuxt-intlayer/index.md'),
|
|
929
|
+
fr: require('./fr/packages/nuxt-intlayer/index.md'),
|
|
930
|
+
es: require('./es/packages/nuxt-intlayer/index.md'),
|
|
931
|
+
'en-GB': require('./en-GB/packages/nuxt-intlayer/index.md'),
|
|
932
|
+
de: require('./de/packages/nuxt-intlayer/index.md'),
|
|
933
|
+
hi: require('./hi/packages/nuxt-intlayer/index.md'),
|
|
934
|
+
it: require('./it/packages/nuxt-intlayer/index.md'),
|
|
935
|
+
ja: require('./ja/packages/nuxt-intlayer/index.md'),
|
|
936
|
+
ko: require('./ko/packages/nuxt-intlayer/index.md'),
|
|
937
|
+
pt: require('./pt/packages/nuxt-intlayer/index.md'),
|
|
938
|
+
ru: require('./ru/packages/nuxt-intlayer/index.md'),
|
|
939
|
+
zh: require('./zh/packages/nuxt-intlayer/index.md'),
|
|
940
|
+
ar: require('./ar/packages/nuxt-intlayer/index.md'),
|
|
941
|
+
},
|
|
912
942
|
'package__svelte-intlayer': {
|
|
913
943
|
en: require('./en/packages/svelte-intlayer/index.md'),
|
|
914
944
|
fr: require('./fr/packages/svelte-intlayer/index.md'),
|
package/index.d.ts
CHANGED
|
@@ -15,6 +15,7 @@ declare module '@intlayer/docs' {
|
|
|
15
15
|
intlayer_with_nextjs_page_router,
|
|
16
16
|
intlayer_with_vite_react,
|
|
17
17
|
intlayer_with_vite_vue,
|
|
18
|
+
intlayer_with_nuxt,
|
|
18
19
|
intlayer_with_vite_svelte,
|
|
19
20
|
intlayer_with_vite_solid,
|
|
20
21
|
intlayer_with_vite_preact,
|
|
@@ -63,6 +64,7 @@ declare module '@intlayer/docs' {
|
|
|
63
64
|
'package__react-intlayer__useLocale',
|
|
64
65
|
'package__vite-intlayer',
|
|
65
66
|
'package__vue-intlayer',
|
|
67
|
+
'package__nuxt-intlayer',
|
|
66
68
|
'package__svelte-intlayer',
|
|
67
69
|
'package__solid-intlayer',
|
|
68
70
|
'package__preact-intlayer',
|
package/it/autoFill.md
CHANGED
|
@@ -67,9 +67,8 @@ src/components/example/example.filled.content.ts
|
|
|
67
67
|
```
|
|
68
68
|
|
|
69
69
|
> La generazione di file `.js`, `.ts` e simili funziona come segue:
|
|
70
|
-
|
|
70
|
+
>
|
|
71
71
|
> - Se il file esiste già, Intlayer lo analizzerà utilizzando l'AST (Abstract Syntax Tree) per individuare ogni campo e inserire le traduzioni mancanti.
|
|
72
|
-
|
|
73
72
|
> - Se il file non esiste, Intlayer lo genererà utilizzando il modello predefinito per i file di dichiarazione dei contenuti.
|
|
74
73
|
|
|
75
74
|
## Percorsi Assoluti
|
package/it/how_works_intlayer.md
CHANGED
|
@@ -196,7 +196,7 @@ Il pacchetto `@intlayer/editor-react` fornisce stati, contesti, hook e component
|
|
|
196
196
|
|
|
197
197
|
Il pacchetto `@intlayer/babel` fornisce strumenti che ottimizzano il bundling dei dizionari per applicazioni basate su Vite e Webpack.
|
|
198
198
|
|
|
199
|
-
### @intlayer/swc
|
|
199
|
+
### @intlayer/swc
|
|
200
200
|
|
|
201
201
|
Il pacchetto `@intlayer/swc` fornisce strumenti che ottimizzano il bundling dei dizionari per applicazioni Next.js.
|
|
202
202
|
|
|
@@ -335,13 +335,7 @@ const App = () => (
|
|
|
335
335
|
> Nota: Se desideri utilizzare i tuoi contenuti in un attributo `string`, come `alt`, `title`, `href`, `aria-label`, ecc., devi chiamare il valore della funzione, come:
|
|
336
336
|
|
|
337
337
|
> ```jsx
|
|
338
|
-
>
|
|
339
|
-
> ```
|
|
340
|
-
|
|
341
338
|
> <img src={content.image.src.value} alt={content.image.value} />
|
|
342
|
-
|
|
343
|
-
> ```
|
|
344
|
-
>
|
|
345
339
|
> ```
|
|
346
340
|
|
|
347
341
|
> Per saperne di più sull'hook `useIntlayer`, consulta la [documentazione](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/react-intlayer/useIntlayer.md).
|
|
@@ -573,13 +573,7 @@ const ServerComponentExample = () => {
|
|
|
573
573
|
> Se desideri utilizzare i tuoi contenuti in un attributo `string`, come `alt`, `title`, `href`, `aria-label`, ecc., devi chiamare il valore della funzione, come:
|
|
574
574
|
|
|
575
575
|
> ```jsx
|
|
576
|
-
>
|
|
577
|
-
> ```
|
|
578
|
-
|
|
579
576
|
> <img src={content.image.src.value} alt={content.image.value} />
|
|
580
|
-
|
|
581
|
-
> ```
|
|
582
|
-
>
|
|
583
577
|
> ```
|
|
584
578
|
|
|
585
579
|
> Per saperne di più sull'hook `useIntlayer`, consulta la [documentazione](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/next-intlayer/useIntlayer.md).
|
|
@@ -1053,21 +1047,14 @@ const LocaleSwitcher = () => {
|
|
|
1053
1047
|
```
|
|
1054
1048
|
|
|
1055
1049
|
> Riferimenti alla documentazione:
|
|
1056
|
-
|
|
1050
|
+
>
|
|
1057
1051
|
> - [`useLocale` hook](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/next-intlayer/useLocale.md)
|
|
1058
|
-
|
|
1059
1052
|
> - [`getLocaleName` hook](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/intlayer/getLocaleName.md)
|
|
1060
|
-
|
|
1061
1053
|
> - [`getLocalizedUrl` hook](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/intlayer/getLocalizedUrl.md)
|
|
1062
|
-
|
|
1063
1054
|
> - [`getHTMLTextDir` hook](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/intlayer/getHTMLTextDir.md)
|
|
1064
|
-
|
|
1065
1055
|
> - [`hrefLang` attribute](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
|
|
1066
|
-
|
|
1067
1056
|
> - [`lang` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
|
|
1068
|
-
|
|
1069
1057
|
> - [`dir` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
|
|
1070
|
-
|
|
1071
1058
|
> - [`aria-current` attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
|
|
1072
1059
|
|
|
1073
1060
|
### (Opzionale) Passo 11: Creazione di un componente Link localizzato
|
|
@@ -587,13 +587,7 @@ const ServerComponentExample = () => {
|
|
|
587
587
|
> Se desideri utilizzare i tuoi contenuti in un attributo `string`, come `alt`, `title`, `href`, `aria-label`, ecc., devi chiamare il valore della funzione, come:
|
|
588
588
|
|
|
589
589
|
> ```jsx
|
|
590
|
-
>
|
|
591
|
-
> ```
|
|
592
|
-
|
|
593
590
|
> <img src={content.image.src.value} alt={content.image.value} />
|
|
594
|
-
|
|
595
|
-
> ```
|
|
596
|
-
>
|
|
597
591
|
> ```
|
|
598
592
|
|
|
599
593
|
> Per saperne di più sull'hook `useIntlayer`, fai riferimento alla [documentazione](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/next-intlayer/useIntlayer.md).
|
|
@@ -1108,21 +1102,14 @@ export const LocaleSwitcher = () => {
|
|
|
1108
1102
|
```
|
|
1109
1103
|
|
|
1110
1104
|
> Riferimenti alla documentazione:
|
|
1111
|
-
|
|
1105
|
+
>
|
|
1112
1106
|
> - [Hook `useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/next-intlayer/useLocale.md)
|
|
1113
|
-
|
|
1114
1107
|
> - [Hook `getLocaleName`](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/intlayer/getLocaleName.md)
|
|
1115
|
-
|
|
1116
1108
|
> - [Hook `getLocalizedUrl`](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/intlayer/getLocalizedUrl.md)
|
|
1117
|
-
|
|
1118
1109
|
> - [Hook `getHTMLTextDir`](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/intlayer/getHTMLTextDir.md)
|
|
1119
|
-
|
|
1120
1110
|
> - [Attributo `hrefLang`](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=it)
|
|
1121
|
-
|
|
1122
1111
|
> - [Attributo `lang`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
|
|
1123
|
-
|
|
1124
1112
|
> - [Attributo `dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
|
|
1125
|
-
|
|
1126
1113
|
> - [Attributo `aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
|
|
1127
1114
|
|
|
1128
1115
|
### (Opzionale) Passo 11: Creazione di un componente Link localizzato
|
|
@@ -536,13 +536,7 @@ const ComponentExample = () => {
|
|
|
536
536
|
> Quando si utilizzano traduzioni in attributi `string` (ad esempio, `alt`, `title`, `href`, `aria-label`), chiamare il valore della funzione come segue:
|
|
537
537
|
|
|
538
538
|
> ```jsx
|
|
539
|
-
>
|
|
540
|
-
> ```
|
|
541
|
-
|
|
542
539
|
> <img src={content.image.src.value} alt={content.image.value} />
|
|
543
|
-
|
|
544
|
-
> ```
|
|
545
|
-
>
|
|
546
540
|
> ```
|
|
547
541
|
|
|
548
542
|
> Per saperne di più sul hook `useIntlayer`, fare riferimento alla [documentazione](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/next-intlayer/useIntlayer.md).
|
|
@@ -875,19 +869,13 @@ const LocaleSwitcher = () => {
|
|
|
875
869
|
> L'API `useLocalePageRouter` è la stessa di `useLocale`. Per saperne di più sul hook `useLocale`, consulta la [documentazione](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/next-intlayer/useLocale.md).
|
|
876
870
|
|
|
877
871
|
> Riferimenti alla documentazione:
|
|
878
|
-
|
|
872
|
+
>
|
|
879
873
|
> - [Hook `getLocaleName`](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/intlayer/getLocaleName.md)
|
|
880
|
-
|
|
881
874
|
> - [Hook `getLocalizedUrl`](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/intlayer/getLocalizedUrl.md)
|
|
882
|
-
|
|
883
875
|
> - [Hook `getHTMLTextDir`](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/intlayer/getHTMLTextDir.md)
|
|
884
|
-
|
|
885
876
|
> - [Attributo `hrefLang`](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=it)
|
|
886
|
-
|
|
887
877
|
> - [Attributo `lang`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
|
|
888
|
-
|
|
889
878
|
> - [Attributo `dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
|
|
890
|
-
|
|
891
879
|
> - [Attributo `aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
|
|
892
880
|
|
|
893
881
|
### (Opzionale) Passo 10: Creare un Componente Link Localizzato
|