@intlayer/docs 5.5.8 → 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 +4 -4
- 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
|
من مشروع React Native الخاص بك، قم بتثبيت الحزم التالية:
|
|
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 @@
|
|
|
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**
|
|
@@ -511,13 +514,7 @@ module.exports = App;
|
|
|
511
514
|
> إذا كنت ترغب في استخدام المحتوى الخاص بك في سمة `string`، مثل `alt`، `title`، `href`، `aria-label`، إلخ، يجب عليك استدعاء قيمة الوظيفة، مثل:
|
|
512
515
|
|
|
513
516
|
> ```jsx
|
|
514
|
-
>
|
|
515
|
-
> ```
|
|
516
|
-
|
|
517
517
|
> <img src={content.image.src.value} alt={content.image.value} />
|
|
518
|
-
|
|
519
|
-
> ```
|
|
520
|
-
>
|
|
521
518
|
> ```
|
|
522
519
|
|
|
523
520
|
> ملاحظة: في Preact، يتم كتابة `className` عادةً كـ `class`.
|
|
@@ -1254,23 +1251,15 @@ module.exports = LocaleSwitcher;
|
|
|
1254
1251
|
```
|
|
1255
1252
|
|
|
1256
1253
|
> مراجع التوثيق:
|
|
1257
|
-
|
|
1254
|
+
>
|
|
1258
1255
|
> - [خطاف `useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/ar/packages/react-intlayer/useLocale.md) (تشابه API مع `preact-intlayer`)
|
|
1259
|
-
|
|
1260
1256
|
> - [خطاف `getLocaleName`](https://github.com/aymericzip/intlayer/blob/main/docs/ar/packages/intlayer/getLocaleName.md)
|
|
1261
|
-
|
|
1262
1257
|
> - [خطاف `getLocalizedUrl`](https://github.com/aymericzip/intlayer/blob/main/docs/ar/packages/intlayer/getLocalizedUrl.md)
|
|
1263
|
-
|
|
1264
1258
|
> - [خطاف `getHTMLTextDir`](https://github.com/aymericzip/intlayer/blob/main/docs/ar/packages/intlayer/getHTMLTextDir.md)
|
|
1265
|
-
|
|
1266
1259
|
> - [خاصية `hreflang`](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=ar)
|
|
1267
|
-
|
|
1268
1260
|
> - [خاصية `lang`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
|
|
1269
|
-
|
|
1270
1261
|
> - [خاصية `dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
|
|
1271
|
-
|
|
1272
1262
|
> - [خاصية `aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
|
|
1273
|
-
|
|
1274
1263
|
> - [واجهة برمجة التطبيقات Popover](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
|
|
1275
1264
|
|
|
1276
1265
|
---
|
|
@@ -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**
|
|
@@ -528,13 +531,7 @@ module.exports = App;
|
|
|
528
531
|
> إذا كنت تريد استخدام المحتوى الخاص بك في سمة `string`، مثل `alt`، `title`، `href`، `aria-label`، إلخ، يجب عليك استدعاء قيمة الوظيفة، مثل:
|
|
529
532
|
|
|
530
533
|
> ```jsx
|
|
531
|
-
>
|
|
532
|
-
> ```
|
|
533
|
-
|
|
534
534
|
> <img src={content.image.src.value} alt={content.image.value} />
|
|
535
|
-
|
|
536
|
-
> ```
|
|
537
|
-
>
|
|
538
535
|
> ```
|
|
539
536
|
|
|
540
537
|
> لمعرفة المزيد عن الخطاف `useIntlayer`، راجع [الوثائق](https://github.com/aymericzip/intlayer/blob/main/docs/ar/packages/react-intlayer/useIntlayer.md).
|
|
@@ -1213,21 +1210,14 @@ const LocaleSwitcher = () => {
|
|
|
1213
1210
|
```
|
|
1214
1211
|
|
|
1215
1212
|
> مراجع التوثيق:
|
|
1216
|
-
|
|
1213
|
+
>
|
|
1217
1214
|
> - [دالة `useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/ar/packages/react-intlayer/useLocale.md)
|
|
1218
|
-
|
|
1219
1215
|
> - [دالة `getLocaleName`](https://github.com/aymericzip/intlayer/blob/main/docs/ar/packages/intlayer/getLocaleName.md)
|
|
1220
|
-
|
|
1221
1216
|
> - [دالة `getLocalizedUrl`](https://github.com/aymericzip/intlayer/blob/main/docs/ar/packages/intlayer/getLocalizedUrl.md)
|
|
1222
|
-
|
|
1223
1217
|
> - [دالة `getHTMLTextDir`](https://github.com/aymericzip/intlayer/blob/main/docs/ar/packages/intlayer/getHTMLTextDir.md)
|
|
1224
|
-
|
|
1225
1218
|
> - [خاصية `hrefLang`](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=ar)
|
|
1226
|
-
|
|
1227
1219
|
> - [خاصية `lang`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
|
|
1228
|
-
|
|
1229
1220
|
> - [خاصية `dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
|
|
1230
|
-
|
|
1231
1221
|
> - [خاصية `aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
|
|
1232
1222
|
|
|
1233
1223
|
---
|
|
@@ -24,15 +24,18 @@
|
|
|
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**
|
|
@@ -456,9 +459,27 @@ const count = ref(0);
|
|
|
456
459
|
>
|
|
457
460
|
> ```
|
|
458
461
|
|
|
462
|
+
#### الوصول إلى المحتوى في Intlayer
|
|
463
|
+
|
|
464
|
+
يقدم Intlayer واجهات برمجة تطبيقات مختلفة للوصول إلى المحتوى الخاص بك:
|
|
465
|
+
|
|
466
|
+
- **بناء يعتمد على المكونات** (موصى به):
|
|
467
|
+
استخدم بناء `<myContent />` أو `<Component :is="myContent" />` لعرض المحتوى كعقدة Intlayer. يتكامل هذا بسلاسة مع [المحرر المرئي](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_visual_editor.md) و [نظام إدارة المحتوى](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_CMS.md).
|
|
468
|
+
|
|
469
|
+
- **بناء يعتمد على السلاسل النصية**:
|
|
470
|
+
استخدم `{{ myContent }}` لعرض المحتوى كنص عادي، بدون دعم المحرر المرئي.
|
|
471
|
+
|
|
472
|
+
- **بناء HTML خام**:
|
|
473
|
+
استخدم `<div v-html="myContent" />` لعرض المحتوى كـ HTML خام، بدون دعم المحرر المرئي.
|
|
474
|
+
|
|
475
|
+
- **بناء التفكيك**:
|
|
476
|
+
يعيد `useIntlayer` القابل للتركيب وكيلًا (Proxy) مع المحتوى. يمكن تفكيك هذا الوكيل للوصول إلى المحتوى مع الحفاظ على التفاعلية.
|
|
477
|
+
- استخدم `const content = useIntlayer("myContent");` و `{{ content.myContent }}` / `<content.myContent />`.
|
|
478
|
+
- أو استخدم `const { myContent } = useIntlayer("myContent");` و `{{ myContent }}` / `<myContent />` لتفكيك المحتوى.
|
|
479
|
+
|
|
459
480
|
### (اختياري) الخطوة 6: تغيير لغة المحتوى الخاص بك
|
|
460
481
|
|
|
461
|
-
لتغيير لغة المحتوى الخاص بك، يمكنك استخدام
|
|
482
|
+
لتغيير لغة المحتوى الخاص بك، يمكنك استخدام دالة `setLocale` التي يوفرها `useLocale` composable. تسمح لك هذه الدالة بتعيين لغة التطبيق وتحديث المحتوى وفقًا لذلك.
|
|
462
483
|
|
|
463
484
|
قم بإنشاء مكون للتبديل بين اللغات:
|
|
464
485
|
|
|
@@ -531,7 +552,6 @@ const content = useIntlayer("app"); // قم بإنشاء ملف إعلان intla
|
|
|
531
552
|
|
|
532
553
|
```plaintext
|
|
533
554
|
- https://example.com/about
|
|
534
|
-
|
|
535
555
|
- https://example.com/ar/about
|
|
536
556
|
- https://example.com/ar/about
|
|
537
557
|
```
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
**Intlayer** هي مجموعة من الحزم المصممة خصيصًا لمطوري JavaScript. وهي متوافقة مع أطر العمل مثل Vue وExpress.js.
|
|
2
|
+
|
|
3
|
+
**حزمة `nuxt-intlayer`** تتيح لك تدويل تطبيق Vue الخاص بك. توفر مزودي السياق وخطافات لتدويل Vue.
|
|
4
|
+
|
|
5
|
+
## لماذا تدويل تطبيق Vue الخاص بك؟
|
|
6
|
+
|
|
7
|
+
تدويل تطبيق Vue الخاص بك أمر ضروري لخدمة جمهور عالمي بفعالية. يتيح لتطبيقك تقديم المحتوى والرسائل بلغة المستخدم المفضلة. هذه القدرة تعزز تجربة المستخدم وتوسع نطاق وصول تطبيقك من خلال جعله أكثر سهولة وملاءمة للأشخاص من خلفيات لغوية مختلفة.
|
|
8
|
+
|
|
9
|
+
## لماذا دمج Intlayer؟
|
|
10
|
+
|
|
11
|
+
- **إدارة محتوى مدعومة بـ JavaScript**: استغل مرونة JavaScript لتعريف وإدارة المحتوى بكفاءة.
|
|
12
|
+
- **بيئة آمنة النوع**: استفد من TypeScript لضمان أن تكون جميع تعريفات المحتوى دقيقة وخالية من الأخطاء.
|
|
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/ar/roadmap.md
CHANGED
|
@@ -16,7 +16,7 @@ Intlayer هو حل لإدارة المحتوى والتدويل مصمم لتب
|
|
|
16
16
|
- **موزع**: بدلاً من ذلك، قم بتقسيم المحتوى الخاص بك إلى ملفات منفصلة على مستوى المكونات أو الميزات لتحسين الصيانة. هذا يحافظ على المحتوى قريبًا من الكود ذي الصلة (المكونات، الاختبارات، Storybook، إلخ). إزالة مكون يضمن إزالة أي محتوى مرتبط أيضًا، مما يمنع البيانات المتبقية من تشويش قاعدة الكود الخاصة بك.
|
|
17
17
|
|
|
18
18
|
> الموارد:
|
|
19
|
-
|
|
19
|
+
>
|
|
20
20
|
> - [إعلان المحتوى](https://github.com/aymericzip/intlayer/blob/main/docs/ar/dictionary/get_started.md)
|
|
21
21
|
|
|
22
22
|
### 2. التدويل
|
|
@@ -25,7 +25,7 @@ Intlayer هو حل لإدارة المحتوى والتدويل مصمم لتب
|
|
|
25
25
|
- إدارة الترجمات بسهولة لجميع هذه اللغات من مكان واحد.
|
|
26
26
|
|
|
27
27
|
> الموارد:
|
|
28
|
-
|
|
28
|
+
>
|
|
29
29
|
> - [التدويل](https://github.com/aymericzip/intlayer/blob/main/docs/ar/dictionary/translation.md)
|
|
30
30
|
|
|
31
31
|
### 3. دعم Markdown
|
|
@@ -34,7 +34,7 @@ Intlayer هو حل لإدارة المحتوى والتدويل مصمم لتب
|
|
|
34
34
|
- مثالي للمقالات، المنشورات، صفحات التوثيق، أو أي سيناريو يتطلب تنسيق نص غني.
|
|
35
35
|
|
|
36
36
|
> الموارد:
|
|
37
|
-
|
|
37
|
+
>
|
|
38
38
|
> - [Markdown](https://github.com/aymericzip/intlayer/blob/main/docs/ar/dictionary/markdown.md)
|
|
39
39
|
|
|
40
40
|
### 4. العرض الشرطي
|
|
@@ -43,7 +43,7 @@ Intlayer هو حل لإدارة المحتوى والتدويل مصمم لتب
|
|
|
43
43
|
- يساعد في تخصيص التجارب الشخصية دون تكرار المحتوى عبر ملفات متعددة.
|
|
44
44
|
|
|
45
45
|
> الموارد:
|
|
46
|
-
|
|
46
|
+
>
|
|
47
47
|
> - [العرض الشرطي](https://github.com/aymericzip/intlayer/blob/main/docs/ar/dictionary/condition.md)
|
|
48
48
|
|
|
49
49
|
### 5. تنسيقات إعلان المحتوى
|
|
@@ -88,7 +88,7 @@ Intlayer هو حل لإدارة المحتوى والتدويل مصمم لتب
|
|
|
88
88
|
- متوافق تمامًا مع Turbopack الجديد من Next.js وكذلك Webpack التقليدي.
|
|
89
89
|
|
|
90
90
|
> الموارد:
|
|
91
|
-
|
|
91
|
+
>
|
|
92
92
|
> - [Next.js](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_with_nextjs_15.md)
|
|
93
93
|
|
|
94
94
|
### 2. Vite
|
|
@@ -96,7 +96,7 @@ Intlayer هو حل لإدارة المحتوى والتدويل مصمم لتب
|
|
|
96
96
|
- مشابه لـ Next.js، يمكنك دمج Intlayer مع Vite واستخدام **وسيط** لإعادة توجيه المستخدمين إلى المحتوى بناءً على لغتهم المفضلة.
|
|
97
97
|
|
|
98
98
|
> الموارد:
|
|
99
|
-
|
|
99
|
+
>
|
|
100
100
|
> - [Vite](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_with_vite+react.md)
|
|
101
101
|
|
|
102
102
|
### 3. Express
|
|
@@ -105,7 +105,7 @@ Intlayer هو حل لإدارة المحتوى والتدويل مصمم لتب
|
|
|
105
105
|
- تخصيص الرسائل الإلكترونية، رسائل الخطأ، الإشعارات الفورية، والمزيد باستخدام النصوص المحلية.
|
|
106
106
|
|
|
107
107
|
> الموارد:
|
|
108
|
-
|
|
108
|
+
>
|
|
109
109
|
> - [Express](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_with_express.md)
|
|
110
110
|
|
|
111
111
|
---
|
|
@@ -122,7 +122,7 @@ Intlayer هو حل لإدارة المحتوى والتدويل مصمم لتب
|
|
|
122
122
|
- يمكن استضافته محليًا أو نشره على خادم بعيد.
|
|
123
123
|
|
|
124
124
|
> الموارد:
|
|
125
|
-
|
|
125
|
+
>
|
|
126
126
|
> - [المحرر المرئي](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_visual_editor.md)
|
|
127
127
|
|
|
128
128
|
### 2. Intlayer CMS (بعيد)
|
|
@@ -132,7 +132,7 @@ Intlayer هو حل لإدارة المحتوى والتدويل مصمم لتب
|
|
|
132
132
|
- التفاعل مع المحتوى الخاص بك عبر واجهة تطبيقك المباشرة.
|
|
133
133
|
|
|
134
134
|
> الموارد:
|
|
135
|
-
|
|
135
|
+
>
|
|
136
136
|
> - [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_CMS.md)
|
|
137
137
|
|
|
138
138
|
---
|
|
@@ -144,7 +144,7 @@ Intlayer هو حل لإدارة المحتوى والتدويل مصمم لتب
|
|
|
144
144
|
- مفيد لـ **خطوط أنابيب CI/CD**، مما يضمن أن المحتوى الخاص بك متزامن دائمًا مع الكود الخاص بك.
|
|
145
145
|
|
|
146
146
|
> الموارد:
|
|
147
|
-
|
|
147
|
+
>
|
|
148
148
|
> - [CLI](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_cli.md)
|
|
149
149
|
|
|
150
150
|
---
|
|
@@ -161,7 +161,7 @@ Intlayer هو حل لإدارة المحتوى والتدويل مصمم لتب
|
|
|
161
161
|
- عند استخدام القواميس البعيدة وCMS الخاص بـ Intlayer، يمكنك **تحديث محتوى تطبيقك على الفور**، دون الحاجة إلى إعادة النشر.
|
|
162
162
|
|
|
163
163
|
> الموارد:
|
|
164
|
-
|
|
164
|
+
>
|
|
165
165
|
> - [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/ar/intlayer_CMS.md)
|
|
166
166
|
|
|
167
167
|
---
|
package/de/autoFill.md
CHANGED
|
@@ -67,9 +67,8 @@ src/components/example/example.filled.content.ts
|
|
|
67
67
|
```
|
|
68
68
|
|
|
69
69
|
> Die Generierung von `.js`, `.ts` und ähnlichen Dateien funktioniert wie folgt:
|
|
70
|
-
|
|
70
|
+
>
|
|
71
71
|
> - Wenn die Datei bereits existiert, analysiert Intlayer sie mit dem AST (Abstract Syntax Tree), um jedes Feld zu lokalisieren und fehlende Übersetzungen einzufügen.
|
|
72
|
-
|
|
73
72
|
> - Wenn die Datei nicht existiert, generiert Intlayer sie mit der Standardvorlage für Inhaltsdeklarationsdateien.
|
|
74
73
|
|
|
75
74
|
## Absolute Pfade
|
package/de/how_works_intlayer.md
CHANGED
|
@@ -195,7 +195,7 @@ Das `@intlayer/editor-react` Paket bietet Zustände, Kontexte, Hooks und Kompone
|
|
|
195
195
|
|
|
196
196
|
Das `@intlayer/babel` Paket stellt Tools bereit, die das Bundling von Wörterbüchern für Vite- und Webpack-basierte Anwendungen optimieren.
|
|
197
197
|
|
|
198
|
-
### @intlayer/swc
|
|
198
|
+
### @intlayer/swc
|
|
199
199
|
|
|
200
200
|
Das `@intlayer/swc` Paket stellt Tools bereit, die das Bundling von Wörterbüchern für Next.js-Anwendungen optimieren.
|
|
201
201
|
|
|
@@ -336,13 +336,7 @@ const App = () => (
|
|
|
336
336
|
> Hinweis: Wenn Sie Ihre Inhalte in einem `string`-Attribut wie `alt`, `title`, `href`, `aria-label` usw. verwenden möchten, müssen Sie den Wert der Funktion aufrufen, wie:
|
|
337
337
|
|
|
338
338
|
> ```jsx
|
|
339
|
-
>
|
|
340
|
-
> ```
|
|
341
|
-
|
|
342
339
|
> <img src={content.image.src.value} alt={content.image.value} />
|
|
343
|
-
|
|
344
|
-
> ```
|
|
345
|
-
>
|
|
346
340
|
> ```
|
|
347
341
|
|
|
348
342
|
> Weitere Informationen zum `useIntlayer`-Hook finden Sie in der [Dokumentation](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/react-intlayer/useIntlayer.md).
|
|
@@ -981,21 +975,14 @@ const LocaleSwitcher = () => {
|
|
|
981
975
|
```
|
|
982
976
|
|
|
983
977
|
> Dokumentationsreferenzen:
|
|
984
|
-
|
|
978
|
+
>
|
|
985
979
|
> - [`useLocale`-Hook](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/react-intlayer/useLocale.md)
|
|
986
|
-
|
|
987
980
|
> - [`getLocaleName`-Hook](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getLocaleName.md)
|
|
988
|
-
|
|
989
981
|
> - [`getLocalizedUrl`-Hook](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getLocalizedUrl.md)
|
|
990
|
-
|
|
991
982
|
> - [`getHTMLTextDir`-Hook](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getHTMLTextDir.md)
|
|
992
|
-
|
|
993
983
|
> - [`hrefLang`-Attribut](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=de)
|
|
994
|
-
|
|
995
984
|
> - [`lang`-Attribut](https://developer.mozilla.org/de/docs/Web/HTML/Global_attributes/lang)
|
|
996
|
-
|
|
997
985
|
> - [`dir`-Attribut](https://developer.mozilla.org/de/docs/Web/HTML/Global_attributes/dir)
|
|
998
|
-
|
|
999
986
|
> - [`aria-current`-Attribut](https://developer.mozilla.org/de/docs/Web/Accessibility/ARIA/Attributes/aria-current)
|
|
1000
987
|
|
|
1001
988
|
### (Optional) Schritt 9: Ändern der HTML-Sprach- und Richtungsattribute
|
|
@@ -568,13 +568,7 @@ const ServerComponentExample = () => {
|
|
|
568
568
|
> Wenn Sie Ihre Inhalte in einem `string`-Attribut wie `alt`, `title`, `href`, `aria-label` usw. verwenden möchten, müssen Sie den Wert der Funktion aufrufen, wie:
|
|
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
|
> Um mehr über den `useIntlayer`-Hook zu erfahren, lesen Sie die [Dokumentation](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/next-intlayer/useIntlayer.md).
|
|
@@ -1042,21 +1036,14 @@ const LocaleSwitcher = () => {
|
|
|
1042
1036
|
```
|
|
1043
1037
|
|
|
1044
1038
|
> Dokumentationsreferenzen:
|
|
1045
|
-
|
|
1039
|
+
>
|
|
1046
1040
|
> - [`useLocale`-Hook](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/next-intlayer/useLocale.md)
|
|
1047
|
-
|
|
1048
1041
|
> - [`getLocaleName`-Hook](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getLocaleName.md)
|
|
1049
|
-
|
|
1050
1042
|
> - [`getLocalizedUrl`-Hook](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getLocalizedUrl.md)
|
|
1051
|
-
|
|
1052
1043
|
> - [`getHTMLTextDir`-Hook](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getHTMLTextDir.md)
|
|
1053
|
-
|
|
1054
1044
|
> - [`hrefLang`-Attribut](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
|
|
1055
|
-
|
|
1056
1045
|
> - [`lang`-Attribut](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
|
|
1057
|
-
|
|
1058
1046
|
> - [`dir`-Attribut](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
|
|
1059
|
-
|
|
1060
1047
|
> - [`aria-current`-Attribut](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
|
|
1061
1048
|
|
|
1062
1049
|
### (Optional) Schritt 11: Erstellen einer lokalisierten Link-Komponente
|
|
@@ -580,13 +580,7 @@ const ServerComponentExample = () => {
|
|
|
580
580
|
> Wenn Sie Ihre Inhalte in einem `string`-Attribut wie `alt`, `title`, `href`, `aria-label` usw. verwenden möchten, müssen Sie den Wert der Funktion aufrufen, wie:
|
|
581
581
|
|
|
582
582
|
> ```jsx
|
|
583
|
-
>
|
|
584
|
-
> ```
|
|
585
|
-
|
|
586
583
|
> <img src={content.image.src.value} alt={content.image.value} />
|
|
587
|
-
|
|
588
|
-
> ```
|
|
589
|
-
>
|
|
590
584
|
> ```
|
|
591
585
|
|
|
592
586
|
> Um mehr über den `useIntlayer`-Hook zu erfahren, lesen Sie die [Dokumentation](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/next-intlayer/useIntlayer.md).
|
|
@@ -1095,21 +1089,14 @@ export const LocaleSwitcher = () => {
|
|
|
1095
1089
|
```
|
|
1096
1090
|
|
|
1097
1091
|
> Dokumentationsreferenzen:
|
|
1098
|
-
|
|
1092
|
+
>
|
|
1099
1093
|
> - [`useLocale`-Hook](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/next-intlayer/useLocale.md)
|
|
1100
|
-
|
|
1101
1094
|
> - [`getLocaleName`-Hook](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getLocaleName.md)
|
|
1102
|
-
|
|
1103
1095
|
> - [`getLocalizedUrl`-Hook](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getLocalizedUrl.md)
|
|
1104
|
-
|
|
1105
1096
|
> - [`getHTMLTextDir`-Hook](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getHTMLTextDir.md)
|
|
1106
|
-
|
|
1107
1097
|
> - [`hrefLang`-Attribut](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
|
|
1108
|
-
|
|
1109
1098
|
> - [`lang`-Attribut](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
|
|
1110
|
-
|
|
1111
1099
|
> - [`dir`-Attribut](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
|
|
1112
|
-
|
|
1113
1100
|
> - [`aria-current`-Attribut](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
|
|
1114
1101
|
|
|
1115
1102
|
### (Optional) Schritt 11: Erstellen einer lokalisierten Link-Komponente
|
|
@@ -529,13 +529,7 @@ const ComponentExample = () => {
|
|
|
529
529
|
> Wenn Sie Übersetzungen in `string`-Attributen verwenden (z. B. `alt`, `title`, `href`, `aria-label`), rufen Sie den Wert der Funktion wie folgt auf:
|
|
530
530
|
|
|
531
531
|
> ```jsx
|
|
532
|
-
>
|
|
533
|
-
> ```
|
|
534
|
-
|
|
535
532
|
> <img src={content.image.src.value} alt={content.image.value} />
|
|
536
|
-
|
|
537
|
-
> ```
|
|
538
|
-
>
|
|
539
533
|
> ```
|
|
540
534
|
|
|
541
535
|
> Weitere Informationen zum `useIntlayer`-Hook finden Sie in der [Dokumentation](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/next-intlayer/useIntlayer.md).
|
|
@@ -865,19 +859,13 @@ const LocaleSwitcher = () => {
|
|
|
865
859
|
> Die API `useLocalePageRouter` ist identisch mit `useLocale`. Weitere Informationen zum `useLocale`-Hook finden Sie in der [Dokumentation](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/next-intlayer/useLocale.md).
|
|
866
860
|
|
|
867
861
|
> Dokumentationsreferenzen:
|
|
868
|
-
|
|
862
|
+
>
|
|
869
863
|
> - [`getLocaleName`-Hook](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getLocaleName.md)
|
|
870
|
-
|
|
871
864
|
> - [`getLocalizedUrl`-Hook](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getLocalizedUrl.md)
|
|
872
|
-
|
|
873
865
|
> - [`getHTMLTextDir`-Hook](https://github.com/aymericzip/intlayer/blob/main/docs/de/packages/intlayer/getHTMLTextDir.md)
|
|
874
|
-
|
|
875
866
|
> - [`hrefLang`-Attribut](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
|
|
876
|
-
|
|
877
867
|
> - [`lang`-Attribut](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
|
|
878
|
-
|
|
879
868
|
> - [`dir`-Attribut](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
|
|
880
|
-
|
|
881
869
|
> - [`aria-current`-Attribut](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
|
|
882
870
|
|
|
883
871
|
### (Optional) Schritt 10: Erstellen einer lokalisierten Link-Komponente
|