@intlayer/docs 5.5.12 → 5.7.0

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.
Files changed (241) hide show
  1. package/dist/cjs/common.cjs.map +1 -1
  2. package/dist/esm/common.mjs.map +1 -1
  3. package/dist/types/common.d.ts +2 -0
  4. package/dist/types/common.d.ts.map +1 -1
  5. package/docs/ar/configuration.md +23 -18
  6. package/docs/ar/how_works_intlayer.md +1 -1
  7. package/docs/ar/intlayer_CMS.md +1 -0
  8. package/docs/ar/intlayer_cli.md +292 -177
  9. package/docs/ar/intlayer_visual_editor.md +1 -0
  10. package/docs/ar/intlayer_with_angular.md +1 -0
  11. package/docs/ar/intlayer_with_create_react_app.md +1 -0
  12. package/docs/ar/intlayer_with_lynx+react.md +1 -0
  13. package/docs/ar/intlayer_with_nextjs_14.md +1 -0
  14. package/docs/ar/intlayer_with_nextjs_15.md +3 -1
  15. package/docs/ar/intlayer_with_nuxt.md +1 -0
  16. package/docs/ar/intlayer_with_react_native+expo.md +1 -0
  17. package/docs/ar/intlayer_with_vite+preact.md +4 -3
  18. package/docs/ar/intlayer_with_vite+react.md +8 -4
  19. package/docs/ar/intlayer_with_vite+solid.md +4 -3
  20. package/docs/ar/intlayer_with_vite+svelte.md +4 -3
  21. package/docs/ar/intlayer_with_vite+vue.md +5 -4
  22. package/docs/ar/mcp_server.md +126 -92
  23. package/docs/de/configuration.md +23 -18
  24. package/docs/de/how_works_intlayer.md +1 -1
  25. package/docs/de/intlayer_CMS.md +1 -0
  26. package/docs/de/intlayer_cli.md +291 -171
  27. package/docs/de/intlayer_visual_editor.md +1 -0
  28. package/docs/de/intlayer_with_angular.md +1 -0
  29. package/docs/de/intlayer_with_create_react_app.md +1 -0
  30. package/docs/de/intlayer_with_lynx+react.md +1 -0
  31. package/docs/de/intlayer_with_nextjs_14.md +1 -0
  32. package/docs/de/intlayer_with_nextjs_15.md +3 -1
  33. package/docs/de/intlayer_with_nuxt.md +1 -0
  34. package/docs/de/intlayer_with_react_native+expo.md +1 -0
  35. package/docs/de/intlayer_with_vite+preact.md +4 -3
  36. package/docs/de/intlayer_with_vite+react.md +7 -4
  37. package/docs/de/intlayer_with_vite+solid.md +4 -3
  38. package/docs/de/intlayer_with_vite+svelte.md +4 -3
  39. package/docs/de/intlayer_with_vite+vue.md +5 -4
  40. package/docs/de/mcp_server.md +116 -112
  41. package/docs/en/configuration.md +41 -25
  42. package/docs/en/how_works_intlayer.md +1 -1
  43. package/docs/en/intlayer_CMS.md +1 -0
  44. package/docs/en/intlayer_cli.md +246 -138
  45. package/docs/en/intlayer_visual_editor.md +1 -0
  46. package/docs/en/intlayer_with_angular.md +1 -0
  47. package/docs/en/intlayer_with_create_react_app.md +1 -0
  48. package/docs/en/intlayer_with_lynx+react.md +1 -0
  49. package/docs/en/intlayer_with_nextjs_14.md +1 -0
  50. package/docs/en/intlayer_with_nextjs_15.md +3 -1
  51. package/docs/en/intlayer_with_nuxt.md +1 -0
  52. package/docs/en/intlayer_with_react_native+expo.md +1 -0
  53. package/docs/en/intlayer_with_vite+preact.md +6 -3
  54. package/docs/en/intlayer_with_vite+react.md +9 -3
  55. package/docs/en/intlayer_with_vite+solid.md +4 -3
  56. package/docs/en/intlayer_with_vite+svelte.md +4 -3
  57. package/docs/en/intlayer_with_vite+vue.md +7 -4
  58. package/docs/en/mcp_server.md +100 -107
  59. package/docs/en-GB/configuration.md +23 -18
  60. package/docs/en-GB/how_works_intlayer.md +1 -1
  61. package/docs/en-GB/intlayer_CMS.md +1 -0
  62. package/docs/en-GB/intlayer_cli.md +257 -138
  63. package/docs/en-GB/intlayer_visual_editor.md +1 -0
  64. package/docs/en-GB/intlayer_with_angular.md +1 -0
  65. package/docs/en-GB/intlayer_with_create_react_app.md +1 -0
  66. package/docs/en-GB/intlayer_with_lynx+react.md +1 -0
  67. package/docs/en-GB/intlayer_with_nextjs_14.md +1 -0
  68. package/docs/en-GB/intlayer_with_nextjs_15.md +3 -1
  69. package/docs/en-GB/intlayer_with_nuxt.md +1 -0
  70. package/docs/en-GB/intlayer_with_react_native+expo.md +1 -0
  71. package/docs/en-GB/intlayer_with_vite+preact.md +4 -3
  72. package/docs/en-GB/intlayer_with_vite+react.md +7 -4
  73. package/docs/en-GB/intlayer_with_vite+solid.md +4 -3
  74. package/docs/en-GB/intlayer_with_vite+svelte.md +4 -3
  75. package/docs/en-GB/intlayer_with_vite+vue.md +5 -4
  76. package/docs/en-GB/mcp_server.md +116 -82
  77. package/docs/es/configuration.md +28 -19
  78. package/docs/es/how_works_intlayer.md +1 -1
  79. package/docs/es/intlayer_CMS.md +1 -0
  80. package/docs/es/intlayer_cli.md +283 -164
  81. package/docs/es/intlayer_visual_editor.md +1 -0
  82. package/docs/es/intlayer_with_angular.md +1 -0
  83. package/docs/es/intlayer_with_create_react_app.md +1 -0
  84. package/docs/es/intlayer_with_lynx+react.md +1 -0
  85. package/docs/es/intlayer_with_nextjs_14.md +1 -0
  86. package/docs/es/intlayer_with_nextjs_15.md +3 -1
  87. package/docs/es/intlayer_with_nuxt.md +1 -0
  88. package/docs/es/intlayer_with_react_native+expo.md +1 -0
  89. package/docs/es/intlayer_with_vite+preact.md +4 -3
  90. package/docs/es/intlayer_with_vite+react.md +7 -4
  91. package/docs/es/intlayer_with_vite+solid.md +4 -3
  92. package/docs/es/intlayer_with_vite+svelte.md +4 -3
  93. package/docs/es/intlayer_with_vite+vue.md +5 -4
  94. package/docs/es/mcp_server.md +120 -86
  95. package/docs/es/vs_code_extension.md +1 -0
  96. package/docs/fr/configuration.md +23 -13
  97. package/docs/fr/how_works_intlayer.md +1 -1
  98. package/docs/fr/intlayer_CMS.md +1 -0
  99. package/docs/fr/intlayer_cli.md +280 -184
  100. package/docs/fr/intlayer_visual_editor.md +1 -0
  101. package/docs/fr/intlayer_with_angular.md +1 -0
  102. package/docs/fr/intlayer_with_create_react_app.md +1 -0
  103. package/docs/fr/intlayer_with_lynx+react.md +1 -0
  104. package/docs/fr/intlayer_with_nextjs_14.md +1 -0
  105. package/docs/fr/intlayer_with_nextjs_15.md +3 -1
  106. package/docs/fr/intlayer_with_nuxt.md +1 -0
  107. package/docs/fr/intlayer_with_react_native+expo.md +1 -0
  108. package/docs/fr/intlayer_with_vite+preact.md +5 -4
  109. package/docs/fr/intlayer_with_vite+react.md +7 -4
  110. package/docs/fr/intlayer_with_vite+solid.md +4 -3
  111. package/docs/fr/intlayer_with_vite+svelte.md +4 -3
  112. package/docs/fr/intlayer_with_vite+vue.md +5 -4
  113. package/docs/fr/mcp_server.md +121 -87
  114. package/docs/hi/configuration.md +23 -18
  115. package/docs/hi/how_works_intlayer.md +1 -1
  116. package/docs/hi/intlayer_CMS.md +1 -0
  117. package/docs/hi/intlayer_cli.md +295 -174
  118. package/docs/hi/intlayer_visual_editor.md +1 -0
  119. package/docs/hi/intlayer_with_angular.md +1 -0
  120. package/docs/hi/intlayer_with_create_react_app.md +1 -0
  121. package/docs/hi/intlayer_with_lynx+react.md +1 -0
  122. package/docs/hi/intlayer_with_nextjs_14.md +1 -0
  123. package/docs/hi/intlayer_with_nextjs_15.md +3 -1
  124. package/docs/hi/intlayer_with_nuxt.md +1 -0
  125. package/docs/hi/intlayer_with_react_native+expo.md +1 -0
  126. package/docs/hi/intlayer_with_vite+preact.md +4 -3
  127. package/docs/hi/intlayer_with_vite+react.md +7 -4
  128. package/docs/hi/intlayer_with_vite+solid.md +4 -3
  129. package/docs/hi/intlayer_with_vite+svelte.md +4 -3
  130. package/docs/hi/intlayer_with_vite+vue.md +5 -4
  131. package/docs/hi/mcp_server.md +118 -84
  132. package/docs/it/configuration.md +23 -18
  133. package/docs/it/how_works_intlayer.md +1 -1
  134. package/docs/it/intlayer_CMS.md +1 -0
  135. package/docs/it/intlayer_cli.md +282 -167
  136. package/docs/it/intlayer_visual_editor.md +1 -0
  137. package/docs/it/intlayer_with_angular.md +1 -0
  138. package/docs/it/intlayer_with_create_react_app.md +1 -0
  139. package/docs/it/intlayer_with_lynx+react.md +1 -0
  140. package/docs/it/intlayer_with_nextjs_14.md +1 -0
  141. package/docs/it/intlayer_with_nextjs_15.md +3 -1
  142. package/docs/it/intlayer_with_nuxt.md +1 -0
  143. package/docs/it/intlayer_with_react_native+expo.md +1 -0
  144. package/docs/it/intlayer_with_vite+preact.md +4 -3
  145. package/docs/it/intlayer_with_vite+react.md +7 -4
  146. package/docs/it/intlayer_with_vite+solid.md +4 -3
  147. package/docs/it/intlayer_with_vite+svelte.md +4 -3
  148. package/docs/it/intlayer_with_vite+vue.md +4 -4
  149. package/docs/it/mcp_server.md +120 -86
  150. package/docs/ja/configuration.md +23 -18
  151. package/docs/ja/how_works_intlayer.md +1 -1
  152. package/docs/ja/intlayer_CMS.md +1 -0
  153. package/docs/ja/intlayer_cli.md +285 -168
  154. package/docs/ja/intlayer_visual_editor.md +1 -0
  155. package/docs/ja/intlayer_with_angular.md +1 -0
  156. package/docs/ja/intlayer_with_create_react_app.md +1 -0
  157. package/docs/ja/intlayer_with_lynx+react.md +1 -0
  158. package/docs/ja/intlayer_with_nextjs_14.md +1 -0
  159. package/docs/ja/intlayer_with_nextjs_15.md +3 -1
  160. package/docs/ja/intlayer_with_nuxt.md +1 -0
  161. package/docs/ja/intlayer_with_react_native+expo.md +1 -0
  162. package/docs/ja/intlayer_with_vite+preact.md +4 -3
  163. package/docs/ja/intlayer_with_vite+react.md +7 -4
  164. package/docs/ja/intlayer_with_vite+solid.md +4 -3
  165. package/docs/ja/intlayer_with_vite+svelte.md +4 -3
  166. package/docs/ja/intlayer_with_vite+vue.md +5 -4
  167. package/docs/ja/mcp_server.md +121 -85
  168. package/docs/ko/configuration.md +23 -18
  169. package/docs/ko/how_works_intlayer.md +1 -1
  170. package/docs/ko/intlayer_CMS.md +1 -0
  171. package/docs/ko/intlayer_cli.md +291 -175
  172. package/docs/ko/intlayer_visual_editor.md +1 -0
  173. package/docs/ko/intlayer_with_angular.md +1 -0
  174. package/docs/ko/intlayer_with_create_react_app.md +1 -0
  175. package/docs/ko/intlayer_with_lynx+react.md +1 -0
  176. package/docs/ko/intlayer_with_nextjs_14.md +1 -0
  177. package/docs/ko/intlayer_with_nextjs_15.md +3 -1
  178. package/docs/ko/intlayer_with_nuxt.md +1 -0
  179. package/docs/ko/intlayer_with_react_native+expo.md +1 -0
  180. package/docs/ko/intlayer_with_vite+preact.md +4 -3
  181. package/docs/ko/intlayer_with_vite+react.md +7 -4
  182. package/docs/ko/intlayer_with_vite+solid.md +4 -3
  183. package/docs/ko/intlayer_with_vite+svelte.md +4 -3
  184. package/docs/ko/intlayer_with_vite+vue.md +5 -4
  185. package/docs/ko/mcp_server.md +117 -83
  186. package/docs/pt/configuration.md +23 -18
  187. package/docs/pt/how_works_intlayer.md +1 -1
  188. package/docs/pt/intlayer_CMS.md +1 -0
  189. package/docs/pt/intlayer_cli.md +274 -154
  190. package/docs/pt/intlayer_visual_editor.md +1 -0
  191. package/docs/pt/intlayer_with_angular.md +1 -0
  192. package/docs/pt/intlayer_with_create_react_app.md +1 -0
  193. package/docs/pt/intlayer_with_lynx+react.md +1 -0
  194. package/docs/pt/intlayer_with_nextjs_14.md +1 -0
  195. package/docs/pt/intlayer_with_nextjs_15.md +3 -1
  196. package/docs/pt/intlayer_with_nuxt.md +1 -0
  197. package/docs/pt/intlayer_with_react_native+expo.md +1 -0
  198. package/docs/pt/intlayer_with_vite+preact.md +4 -3
  199. package/docs/pt/intlayer_with_vite+react.md +7 -4
  200. package/docs/pt/intlayer_with_vite+solid.md +4 -3
  201. package/docs/pt/intlayer_with_vite+svelte.md +4 -3
  202. package/docs/pt/intlayer_with_vite+vue.md +4 -4
  203. package/docs/pt/mcp_server.md +121 -87
  204. package/docs/ru/configuration.md +23 -18
  205. package/docs/ru/how_works_intlayer.md +1 -1
  206. package/docs/ru/intlayer_CMS.md +1 -0
  207. package/docs/ru/intlayer_cli.md +287 -170
  208. package/docs/ru/intlayer_visual_editor.md +1 -0
  209. package/docs/ru/intlayer_with_angular.md +1 -0
  210. package/docs/ru/intlayer_with_create_react_app.md +1 -0
  211. package/docs/ru/intlayer_with_lynx+react.md +1 -0
  212. package/docs/ru/intlayer_with_nextjs_14.md +1 -0
  213. package/docs/ru/intlayer_with_nextjs_15.md +3 -1
  214. package/docs/ru/intlayer_with_nuxt.md +1 -0
  215. package/docs/ru/intlayer_with_react_native+expo.md +1 -0
  216. package/docs/ru/intlayer_with_vite+preact.md +4 -3
  217. package/docs/ru/intlayer_with_vite+react.md +7 -4
  218. package/docs/ru/intlayer_with_vite+solid.md +4 -3
  219. package/docs/ru/intlayer_with_vite+svelte.md +4 -3
  220. package/docs/ru/intlayer_with_vite+vue.md +5 -4
  221. package/docs/ru/mcp_server.md +119 -85
  222. package/docs/zh/configuration.md +23 -18
  223. package/docs/zh/how_works_intlayer.md +1 -1
  224. package/docs/zh/intlayer_CMS.md +1 -0
  225. package/docs/zh/intlayer_cli.md +275 -155
  226. package/docs/zh/intlayer_visual_editor.md +1 -0
  227. package/docs/zh/intlayer_with_angular.md +1 -0
  228. package/docs/zh/intlayer_with_create_react_app.md +1 -0
  229. package/docs/zh/intlayer_with_lynx+react.md +1 -0
  230. package/docs/zh/intlayer_with_nextjs_14.md +1 -0
  231. package/docs/zh/intlayer_with_nextjs_15.md +3 -1
  232. package/docs/zh/intlayer_with_nuxt.md +1 -0
  233. package/docs/zh/intlayer_with_react_native+expo.md +1 -0
  234. package/docs/zh/intlayer_with_vite+preact.md +4 -3
  235. package/docs/zh/intlayer_with_vite+react.md +7 -4
  236. package/docs/zh/intlayer_with_vite+solid.md +4 -3
  237. package/docs/zh/intlayer_with_vite+svelte.md +4 -3
  238. package/docs/zh/intlayer_with_vite+vue.md +5 -4
  239. package/docs/zh/mcp_server.md +119 -86
  240. package/package.json +10 -10
  241. package/src/common.ts +2 -0
@@ -15,6 +15,7 @@ slugs:
15
15
  - doc
16
16
  - concept
17
17
  - editor
18
+ youtubeVideo: https://www.youtube.com/watch?v=UDDTnirwi_4
18
19
  ---
19
20
 
20
21
  # وثائق محرر Intlayer البصري
@@ -13,6 +13,7 @@ slugs:
13
13
  - doc
14
14
  - environment
15
15
  - angular
16
+ applicationTemplate: https://github.com/aymericzip/intlayer-angular-template
16
17
  ---
17
18
 
18
19
  # البدء مع التدويل (i18n) في Angular باستخدام Intlayer
@@ -15,6 +15,7 @@ slugs:
15
15
  - doc
16
16
  - environment
17
17
  - create-react-app
18
+ applicationTemplate: https://github.com/aymericzip/intlayer-react-cra-template
18
19
  ---
19
20
 
20
21
  # البدء في التدويل (i18n) باستخدام Intlayer و React Create App
@@ -15,6 +15,7 @@ slugs:
15
15
  - doc
16
16
  - environment
17
17
  - lynx-and-react
18
+ applicationTemplate: https://github.com/aymericzip/intlayer-lynx-template
18
19
  ---
19
20
 
20
21
  # البدء في التدويل (i18n) باستخدام Intlayer و Lynx و React
@@ -15,6 +15,7 @@ slugs:
15
15
  - environment
16
16
  - nextjs
17
17
  - 14
18
+ applicationTemplate: https://github.com/aymericzip/intlayer-next-14-template
18
19
  ---
19
20
 
20
21
  # البدء في التدويل (i18n) باستخدام Intlayer و Next.js 14 مع App Router
@@ -14,6 +14,8 @@ slugs:
14
14
  - doc
15
15
  - environment
16
16
  - nextjs
17
+ applicationTemplate: https://github.com/aymericzip/intlayer-next-15-template
18
+ youtubeVideo: https://www.youtube.com/watch?v=e_PPG7PTqGU
17
19
  ---
18
20
 
19
21
  # البدء في التدويل (i18n) باستخدام Intlayer و Next.js 15 App Router
@@ -130,7 +132,7 @@ module.exports = config;
130
132
 
131
133
  قم بتكوين إعداد Next.js الخاص بك لاستخدام Intlayer:
132
134
 
133
- ```typescript filename="next.config.ts" codeFormat="typescript"
135
+ ```typescript fileName="next.config.ts" codeFormat="typescript"
134
136
  import type { NextConfig } from "next";
135
137
  import { withIntlayer } from "next-intlayer/server";
136
138
 
@@ -14,6 +14,7 @@ slugs:
14
14
  - doc
15
15
  - environment
16
16
  - nuxt-and-vue
17
+ applicationTemplate: https://github.com/aymericzip/intlayer-nuxt-template
17
18
  ---
18
19
 
19
20
  # البدء في التدويل (i18n) باستخدام Intlayer و Nuxt
@@ -14,6 +14,7 @@ slugs:
14
14
  - doc
15
15
  - environment
16
16
  - react-native-and-expo
17
+ applicationTemplate: https://github.com/aymericzip/intlayer-react-native-template
17
18
  ---
18
19
 
19
20
  # البدء في التدويل (i18n) مع Intlayer و React Native
@@ -14,6 +14,7 @@ slugs:
14
14
  - doc
15
15
  - environment
16
16
  - vite-and-preact
17
+ applicationTemplate: https://github.com/aymericzip/intlayer-vite-preact-template
17
18
  ---
18
19
 
19
20
  # البدء بالتدويل (i18n) باستخدام Intlayer و Vite و Preact
@@ -43,17 +44,17 @@ slugs:
43
44
 
44
45
  ```bash packageManager="npm"
45
46
  npm install intlayer preact-intlayer
46
- npm install --save-dev vite-intlayer
47
+ npm install vite-intlayer --save-dev
47
48
  ```
48
49
 
49
50
  ```bash packageManager="pnpm"
50
51
  pnpm add intlayer preact-intlayer
51
- pnpm add --save-dev vite-intlayer
52
+ pnpm add vite-intlayer --save-dev
52
53
  ```
53
54
 
54
55
  ```bash packageManager="yarn"
55
56
  yarn add intlayer preact-intlayer
56
- yarn add --save-dev vite-intlayer
57
+ yarn add vite-intlayer --save-dev
57
58
  ```
58
59
 
59
60
  - **intlayer**
@@ -15,12 +15,16 @@ slugs:
15
15
  - doc
16
16
  - environment
17
17
  - vite-and-react
18
- ---
18
+ applicationTemplate: https://github.com/aymericzip/intlayer-vite-react-template
19
+ youtubeVideo: https://www.youtube.com/watch?v=dS9L7uJeak4---
19
20
 
20
21
  # البدء في التدويل (i18n) باستخدام Intlayer و Vite و React
21
22
 
23
+ <iframe title="The best i18n solution for Vite and React? Discover Intlayer" class="m-auto aspect-[16/9] w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/dS9L7uJeak4?si=VaKmrYMmXjo3xpk2"/>
24
+
22
25
  راجع [نموذج التطبيق](https://github.com/aymericzip/intlayer-vite-react-template) على GitHub.
23
26
 
27
+
24
28
  ## ما هو Intlayer؟
25
29
 
26
30
  **Intlayer** هي مكتبة تدويل (i18n) مبتكرة ومفتوحة المصدر مصممة لتبسيط دعم اللغات المتعددة في تطبيقات الويب الحديثة.
@@ -42,17 +46,17 @@ slugs:
42
46
 
43
47
  ```bash packageManager="npm"
44
48
  npm install intlayer react-intlayer
45
- npm install --save-dev vite-intlayer
49
+ npm install vite-intlayer --save-dev
46
50
  ```
47
51
 
48
52
  ```bash packageManager="pnpm"
49
53
  pnpm add intlayer react-intlayer
50
- pnpm add --save-dev vite-intlayer
54
+ pnpm add vite-intlayer --save-dev
51
55
  ```
52
56
 
53
57
  ```bash packageManager="yarn"
54
58
  yarn add intlayer react-intlayer
55
- yarn add --save-dev vite-intlayer
59
+ yarn add vite-intlayer --save-dev
56
60
  ```
57
61
 
58
62
  - **intlayer**
@@ -14,6 +14,7 @@ slugs:
14
14
  - doc
15
15
  - environment
16
16
  - vite-and-solid
17
+ # applicationTemplate: https://github.com/aymericzip/intlayer-vite-solid-template
17
18
  ---
18
19
 
19
20
  # البدء في التدويل (i18n) باستخدام Intlayer و Vite و Solid
@@ -43,17 +44,17 @@ slugs:
43
44
 
44
45
  ```bash packageManager="npm"
45
46
  npm install intlayer solid-intlayer
46
- npm install --save-dev vite-intlayer
47
+ npm install vite-intlayer --save-dev
47
48
  ```
48
49
 
49
50
  ```bash packageManager="pnpm"
50
51
  pnpm add intlayer solid-intlayer
51
- pnpm add --save-dev vite-intlayer
52
+ pnpm add vite-intlayer --save-dev
52
53
  ```
53
54
 
54
55
  ```bash packageManager="yarn"
55
56
  yarn add intlayer solid-intlayer
56
- yarn add --save-dev vite-intlayer
57
+ yarn add vite-intlayer --save-dev
57
58
  ```
58
59
 
59
60
  - **intlayer**
@@ -14,6 +14,7 @@ slugs:
14
14
  - doc
15
15
  - environment
16
16
  - vite-and-svelte
17
+ # applicationTemplate: https://github.com/aymericzip/intlayer-vite-svelte-template
17
18
  ---
18
19
 
19
20
  # البدء في التدويل (i18n) باستخدام Intlayer و Vite و Svelte
@@ -43,17 +44,17 @@ slugs:
43
44
 
44
45
  ```bash packageManager="npm"
45
46
  npm install intlayer svelte-intlayer
46
- npm install --save-dev vite-intlayer
47
+ npm install vite-intlayer --save-dev
47
48
  ```
48
49
 
49
50
  ```bash packageManager="pnpm"
50
51
  pnpm add intlayer svelte-intlayer
51
- pnpm add --save-dev vite-intlayer
52
+ pnpm add vite-intlayer --save-dev
52
53
  ```
53
54
 
54
55
  ```bash packageManager="yarn"
55
56
  yarn add intlayer svelte-intlayer
56
- yarn add --save-dev vite-intlayer
57
+ yarn add vite-intlayer --save-dev
57
58
  ```
58
59
 
59
60
  - **intlayer**
@@ -14,6 +14,7 @@ slugs:
14
14
  - doc
15
15
  - environment
16
16
  - vite-and-vue
17
+ applicationTemplate: https://github.com/aymericzip/intlayer-vite-vue-template
17
18
  ---
18
19
 
19
20
  # البدء في التدويل (i18n) باستخدام Intlayer و Vite و Vue
@@ -41,17 +42,17 @@ slugs:
41
42
 
42
43
  ```bash packageManager="npm"
43
44
  npm install intlayer vue-intlayer
44
- npm install --save-dev vite-intlayer
45
+ npm install vite-intlayer --save-dev
45
46
  ```
46
47
 
47
48
  ```bash packageManager="pnpm"
48
49
  pnpm add intlayer vue-intlayer
49
- pnpm add --save-dev vite-intlayer
50
+ pnpm add vite-intlayer --save-dev
50
51
  ```
51
52
 
52
53
  ```bash packageManager="yarn"
53
54
  yarn add intlayer vue-intlayer
54
- yarn add --save-dev vite-intlayer
55
+ yarn add vite-intlayer --save-dev
55
56
  ```
56
57
 
57
58
  - **intlayer**
@@ -954,7 +955,7 @@ import RouterLink from "@components/RouterLink.vue";
954
955
 
955
956
  > لرؤية كيفية إعلان محتوى Markdown باستخدام حزمة `intlayer`، راجع [توثيق markdown](https://github.com/aymericzip/intlayer/tree/main/docs/ar/dictionary/markdown.md).
956
957
 
957
- ```ts filename="main.ts"
958
+ ```ts fileName="main.ts"
958
959
  import MarkdownIt from "markdown-it";
959
960
  import { createApp, h } from "vue";
960
961
  import { installIntlayer, installIntlayerMarkdown } from "vue-intlayer";
@@ -1,48 +1,75 @@
1
1
  ---
2
2
  createdAt: 2025-06-07
3
- updatedAt: 2025-06-07
3
+ updatedAt: 2025-07-11
4
4
  title: توثيق خادم MCP
5
5
  description: استكشف ميزات وإعداد خادم MCP لتحسين إدارة وتشغيل الخادم الخاص بك.
6
6
  keywords:
7
7
  - خادم MCP
8
8
  - إدارة الخادم
9
9
  - تحسين
10
- - إنتلاير
11
- - توثيق
12
- - إعداد
13
- - ميزات
10
+ - Intlayer
11
+ - التوثيق
12
+ - الإعداد
13
+ - الميزات
14
14
  slugs:
15
15
  - doc
16
16
  - mcp-server
17
17
  ---
18
18
 
19
- # خادم MCP الخاص بإنتلاير
19
+ # خادم Intlayer MCP
20
20
 
21
- يقدم **خادم MCP (بروتوكول سياق النموذج) الخاص بإنتلاير** مساعدة مدعومة بالذكاء الاصطناعي داخل بيئة التطوير المتكاملة (IDE) مصممة خصيصًا لنظام إنتلاير البيئي. تم تصميمه لبيئات المطورين الحديثة مثل **Cursor**، و**مساحة عمل GitHub Copilot**، وأي بيئة تطوير متكاملة تدعم بروتوكول MCP، حيث يوفر هذا الخادم دعمًا سياقيًا وفوريًا بناءً على إعداد مشروعك.
21
+ يوفر **خادم Intlayer MCP (بروتوكول سياق النموذج)** مساعدة مدعومة بالذكاء الاصطناعي لبيئات التطوير المتكاملة (IDE) مصممة خصيصًا لنظام Intlayer.
22
22
 
23
- ## لماذا تستخدم خادم MCP الخاص بإنتلاير؟
23
+ ## أين يمكنني استخدامه؟
24
24
 
25
- بتمكين خادم MCP الخاص بإنتلاير في بيئة التطوير المتكاملة لديك، ستحصل على:
25
+ - في بيئات التطوير الحديثة مثل **Cursor**، **VS Code**، وأي بيئة تطوير متكاملة تدعم بروتوكول MCP.
26
+ - على مساعد الذكاء الاصطناعي المفضل لديك مثل **Claude Desktop**، **Gemini**، **ChatGPT**، وغيرها.
26
27
 
27
- - **تكامل ذكي مع واجهة الأوامر (CLI)**
28
- الوصول إلى أوامر واجهة الأوامر الخاصة بإنتلاير وتشغيلها مباشرة من واجهة بيئة التطوير المتكاملة الخاصة بك. يمكنك عرض القائمة الكاملة للأوامر والخيارات في [توثيق واجهة أوامر إنتلاير](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/intlayer_cli.md).
28
+ ## لماذا تستخدم خادم Intlayer MCP؟
29
29
 
30
- - **توثيق واعٍ للسياق**
31
- يقوم خادم MCP بتحميل وعرض التوثيق الذي يتوافق مع إصدار إنتلاير الذي تستخدمه في مشروعك. هذا يضمن أن تكون اقتراحات الكود، وخيارات الأوامر، والتفسيرات دائمًا محدثة وذات صلة.
30
+ بتمكين خادم Intlayer MCP في بيئة التطوير المتكاملة الخاصة بك، يمكنك الوصول إلى:
32
31
 
33
- - **تطوير بمساعدة الذكاء الاصطناعي**
34
- مع اقتراحات واعية للسياق في المشروع وإكمال تلقائي، يمكن للمساعد الذكي شرح كودك، أو التوصية باستخدام واجهة الأوامر (CLI)، أو اقتراح كيفية استخدام ميزات محددة من إنتلاير بناءً على ملفاتك الحالية.
32
+ - **توثيق مدرك للسياق**
33
+ يقوم خادم MCP بتحميل وعرض توثيق Intlayer. لتسريع إعدادك، وترحيلاتك، وما إلى ذلك.
34
+ هذا يضمن أن اقتراحات الكود، وخيارات الأوامر، والتفسيرات تكون دائمًا محدثة وذات صلة.
35
35
 
36
- - **خفيف الوزن وإعداد فوري**
37
- لا حاجة لصيانة الخادم أو تثبيت ثقيل. فقط قم بتكوين ملف `.cursor/mcp.json` أو ملف تكوين MCP المعادل وأنت جاهز للانطلاق.
36
+ - **تكامل ذكي لأوامر CLI**
37
+ الوصول إلى أوامر Intlayer CLI وتشغيلها مباشرة من واجهة بيئة التطوير المتكاملة الخاصة بك. باستخدام خادم MCP، يمكنك السماح لمساعد الذكاء الاصطناعي الخاص بك بتشغيل أوامر مثل `intlayer dictionaries build` لتحديث القواميس الخاصة بك، أو `intlayer dictionaries fill` لملء الترجمات المفقودة.
38
+
39
+ > عرض القائمة الكاملة للأوامر والخيارات في [توثيق Intlayer CLI](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/intlayer_cli.md).
40
+
41
+ ## الخادم المحلي (stdio) مقابل الخادم البعيد (SSE)
42
+
43
+ يمكن استخدام خادم MCP بطريقتين:
44
+
45
+ - الخادم المحلي (stdio)
46
+ - الخادم البعيد (SSE)
47
+
48
+ ### الخادم المحلي (stdio) (موصى به)
49
+
50
+ توفر Intlayer حزمة NPM يمكن تثبيتها محليًا على جهازك. يمكن تثبيتها في بيئة التطوير المتكاملة المفضلة لديك، مثل VS Code، Cursor، وكذلك تطبيق المساعد المحلي الخاص بك، مثل ChatGPT، Claude Desktop، إلخ.
51
+
52
+ هذا الخادم هو الطريقة الموصى بها لاستخدام خادم MCP. حيث يدمج جميع ميزات خادم MCP، بما في ذلك أدوات CLI.
53
+
54
+ ### الخادم البعيد (SSE)
55
+
56
+ يمكن أيضًا استخدام خادم MCP عن بُعد، باستخدام طريقة النقل SSE. يستضيف هذا الخادم Intlayer، وهو متاح على https://mcp.intlayer.org. يمكن الوصول إلى هذا الخادم علنًا، بدون أي مصادقة، وهو مجاني للاستخدام.
57
+
58
+ لاحظ أن الخادم البعيد لا يدمج أدوات CLI، الإكمال التلقائي بالذكاء الاصطناعي، إلخ. الخادم البعيد مخصص فقط للتفاعل مع الوثائق لمساعدة مساعد الذكاء الاصطناعي الخاص بك في نظام Intlayer البيئي.
59
+
60
+ > بسبب تكاليف استضافة الخادم، لا يمكن ضمان توفر الخادم البعيد. نحن نحد من عدد الاتصالات المتزامنة. نوصي باستخدام طريقة النقل للخادم المحلي (stdio) للحصول على تجربة أكثر موثوقية.
38
61
 
39
62
  ---
40
63
 
41
- ## إعداد Cursor
64
+ ## الإعداد في Cursor
65
+
66
+ اتبع [الوثائق الرسمية](https://docs.cursor.com/context/mcp) لتكوين خادم MCP في Cursor.
42
67
 
43
68
  في جذر مشروعك، أضف ملف التكوين التالي `.cursor/mcp.json`:
44
69
 
45
- ```json
70
+ ### الخادم المحلي (stdio) (موصى به)
71
+
72
+ ```json fileName=".cursor/mcp.json"
46
73
  {
47
74
  "mcpServers": {
48
75
  "intlayer": {
@@ -53,19 +80,36 @@ slugs:
53
80
  }
54
81
  ```
55
82
 
56
- هذا يخبر بيئة التطوير المتكاملة (IDE) الخاصة بك بتشغيل خادم MCP الخاص بـ Intlayer باستخدام `npx`، مما يضمن أنه يستخدم دائمًا أحدث إصدار متاح ما لم تقم بتثبيته يدويًا.
83
+ ### الخادم البعيد (SSE)
84
+
85
+ للاتصال بخادم Intlayer MCP البعيد باستخدام أحداث الخادم المرسلة (SSE)، يمكنك تكوين عميل MCP الخاص بك للاتصال بالخدمة المستضافة.
86
+
87
+ ```json fileName=".cursor/mcp.json"
88
+ {
89
+ "mcpServers": {
90
+ "intlayer": {
91
+ "url": "https://mcp.intlayer.org",
92
+ "transport": "sse"
93
+ }
94
+ }
95
+ }
96
+ ```
97
+
98
+ هذا يخبر بيئة التطوير المتكاملة (IDE) الخاصة بك بتشغيل خادم Intlayer MCP باستخدام `npx`، مما يضمن دائمًا استخدام أحدث إصدار متاح ما لم تقم بتثبيته.
57
99
 
58
100
  ---
59
101
 
60
- ## إعداد VS Code
102
+ ## الإعداد في VS Code
61
103
 
62
- لاستخدام خادم Intlayer MCP مع VS Code، تحتاج إلى تكوينه في إعدادات مساحة العمل أو إعدادات المستخدم.
104
+ اتبع [الوثائق الرسمية](https://code.visualstudio.com/docs/copilot/chat/mcp-servers) لتكوين خادم MCP في VS Code.
63
105
 
64
- ### تكوين مساحة العمل
106
+ لاستخدام خادم Intlayer MCP مع VS Code، تحتاج إلى تكوينه في إعدادات مساحة العمل أو إعدادات المستخدم الخاصة بك.
65
107
 
66
- أنشئ ملف `.vscode/mcp.json` في جذر مشروعك:
108
+ ### الخادم المحلي (stdio) (موصى به)
67
109
 
68
- ```json
110
+ قم بإنشاء ملف `.vscode/mcp.json` في جذر مشروعك:
111
+
112
+ ```json fileName=".vscode/mcp.json"
69
113
  {
70
114
  "servers": {
71
115
  "intlayer": {
@@ -77,98 +121,88 @@ slugs:
77
121
  }
78
122
  ```
79
123
 
80
- ### استخدام خادم MCP في VS Code
81
-
82
- 1. **تفعيل وضع الوكيل**: افتح عرض الدردشة (⌃⌘I على ماك، Ctrl+Alt+I على ويندوز/لينكس) واختر وضع **Agent** من القائمة المنسدلة.
124
+ ### الخادم البعيد (SSE)
83
125
 
84
- 2. **الوصول إلى الأدوات**: انقر على زر **الأدوات** لعرض أدوات Intlayer المتاحة. يمكنك اختيار أو إلغاء اختيار أدوات محددة حسب الحاجة.
126
+ للاتصال بخادم Intlayer MCP البعيد باستخدام أحداث الخادم المرسلة (SSE)، يمكنك تكوين عميل MCP الخاص بك للاتصال بالخدمة المستضافة.
85
127
 
86
- 3. **الإشارة المباشرة إلى الأدوات**: قم بالإشارة إلى الأدوات مباشرة في مطالباتك بكتابة `#` متبوعًا باسم الأداة.
87
-
88
- 4. **تأكيد الأداة**: بشكل افتراضي، سيطلب VS Code تأكيدًا قبل تشغيل الأدوات. استخدم خيارات زر **متابعة** لتأكيد الأدوات تلقائيًا للجلسة الحالية، أو مساحة العمل، أو لجميع الاستدعاءات المستقبلية.
89
-
90
- ### إدارة الخادم
91
-
92
- - قم بتشغيل **MCP: قائمة الخوادم** من لوحة الأوامر لعرض الخوادم المكونة
93
- - ابدأ، أوقف، أو أعد تشغيل خادم Intlayer MCP حسب الحاجة
94
- - عرض سجلات الخادم لاستكشاف الأخطاء وإصلاحها عن طريق اختيار الخادم واختيار **عرض الإخراج**
95
-
96
- لمزيد من المعلومات التفصيلية حول تكامل VS Code MCP، راجع [التوثيق الرسمي لـ VS Code MCP](https://code.visualstudio.com/docs/copilot/chat/mcp-servers).
128
+ ```json fileName=".vscode/mcp.json"
129
+ {
130
+ "servers": {
131
+ "intlayer": {
132
+ "url": "https://mcp.intlayer.org",
133
+ "type": "sse"
134
+ }
135
+ }
136
+ }
137
+ ```
97
138
 
98
139
  ---
99
140
 
100
- ## استخدام خادم MCP عبر واجهة الأوامر
101
-
102
- يمكنك أيضًا تشغيل خادم Intlayer MCP مباشرة من سطر الأوامر للاختبار، وتصحيح الأخطاء، أو التكامل مع أدوات أخرى.
103
-
104
- ### تثبيت خادم MCP
105
-
106
- أولاً، قم بتثبيت حزمة خادم MCP عالميًا أو استخدمها عبر npx:
107
-
108
- ```bash
109
- # التثبيت عالميًا
110
- npm install -g @intlayer/mcp
141
+ ## الإعداد في ChatGPT
111
142
 
112
- # أو الاستخدام مباشرة مع npx (موصى به)
113
- npx @intlayer/mcp
114
- ```
143
+ ### الخادم البعيد (SSE)
115
144
 
116
- ### بدء الخادم
145
+ اتبع [الوثائق الرسمية](https://platform.openai.com/docs/mcp#test-and-connect-your-mcp-server) لتكوين خادم MCP في ChatGPT.
117
146
 
118
- لتشغيل خادم MCP مع أداة المفتش للتصحيح والاختبار:
147
+ 1. انتقل إلى [لوحة التحكم](https://platform.openai.com/prompts)
148
+ 2. انقر على `+ إنشاء`
149
+ 3. انقر على `الأدوات (إنشاء أو +)`
150
+ 4. حدد `خادم MCP`
151
+ 5. انقر على `إضافة جديد`
152
+ 6. املأ الحقول التالية:
119
153
 
120
- ```bash
121
- # استخدام أمر البدء المدمج
122
- npm run start
154
+ - الرابط: `https://mcp.intlayer.org`
155
+ - التسمية: `خادم Intlayer MCP`
156
+ - الاسم: `intlayer-mcp-server`
157
+ - المصادقة: `بدون`
123
158
 
124
- # أو مباشرة مع npx
125
- npx @modelcontextprotocol/inspector npx @intlayer/mcp
126
- ```
159
+ 7. انقر على "حفظ"
127
160
 
128
- سيؤدي هذا إلى تشغيل خادم MCP مع واجهة المفتش التي تتيح لك:
161
+ ---
129
162
 
130
- - اختبار اتصالات بروتوكول MCP
131
- - تصحيح استجابات الخادم
132
- - التحقق من صحة تنفيذ الأدوات والموارد
133
- - مراقبة أداء الخادم
163
+ ## الإعداد في Claude Desktop
134
164
 
135
- ### استخدام التطوير
165
+ اتبع [الوثائق الرسمية](https://modelcontextprotocol.io/quickstart/user#2-add-the-filesystem-mcp-server) لتكوين خادم MCP في Claude Desktop.
136
166
 
137
- لأغراض التطوير والاختبار، يمكنك تشغيل الخادم في أوضاع مختلفة:
167
+ مسار ملف التكوين:
138
168
 
139
- ```bash
140
- # البناء والبدء في وضع التطوير
141
- npm run dev
169
+ - macOS: `~/Library/Application\ Support/Claude/claude_desktop_config.json`
170
+ - Windows: `%APPDATA%\Claude\claude_desktop_config.json`
142
171
 
143
- # التشغيل بتكوين مخصص
144
- node dist/cjs/index.cjs
172
+ ### الخادم المحلي (stdio) (موصى به)
145
173
 
146
- # اختبار وظائف الخادم
147
- npm test
174
+ ```json fileName="claude_desktop_config.json"
175
+ {
176
+ "mcpServers": {
177
+ "intlayer": {
178
+ "command": "npx",
179
+ "args": ["-y", "@intlayer/mcp"]
180
+ }
181
+ }
182
+ }
148
183
  ```
149
184
 
150
- سيكشف الخادم عن أدوات وموارد خاصة بـ Intlayer يمكن لأي عميل متوافق مع MCP استخدامها، وليس فقط Cursor أو بيئات التطوير المتكاملة الأخرى.
151
-
152
185
  ---
153
186
 
154
- ## نظرة عامة على الميزات
155
-
156
- | الميزة | الوصف |
157
- | ---------------- | ---------------------------------------------------------------------- |
158
- | دعم CLI | تشغيل أوامر `intlayer`، الحصول على تلميحات الاستخدام والمعاملات مباشرة |
159
- | الوثائق المرقمة | الكشف التلقائي وتحميل الوثائق المطابقة لإصدار Intlayer الحالي |
160
- | الإكمال التلقائي | اقتراحات ذكية للأوامر والتكوين أثناء الكتابة |
161
- | جاهز للإضافات | متوافق مع بيئات التطوير المتكاملة والأدوات التي تدعم معيار MCP |
187
+ ## استخدام خادم MCP عبر سطر الأوامر
162
188
 
163
- ---
189
+ يمكنك أيضًا تشغيل خادم Intlayer MCP مباشرة من سطر الأوامر للاختبار أو التصحيح أو التكامل مع أدوات أخرى.
164
190
 
165
- ## روابط مفيدة
191
+ ```bash
192
+ # التثبيت بشكل عام
193
+ npm install -g @intlayer/mcp
166
194
 
167
- - [توثيق CLI الخاص بـ Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/intlayer_cli.md)
168
- - [مستودع Intlayer على GitHub](https://github.com/aymericzip/intlayer)
195
+ # أو الاستخدام مباشرة مع npx (موصى به)
196
+ npx @intlayer/mcp
197
+ ```
169
198
 
170
199
  ---
171
200
 
172
- ## تاريخ الوثائق
201
+ ## تاريخ الوثيقة
173
202
 
174
- - 5.5.10 - 2025-06-29: بداية التاريخ
203
+ | الإصدار | التاريخ | التغييرات |
204
+ | ------- | ---------- | ---------------------------- |
205
+ | 5.5.12 | 2025-07-11 | إضافة إعداد ChatGPT |
206
+ | 5.5.12 | 2025-07-10 | إضافة إعداد Claude Desktop |
207
+ | 5.5.12 | 2025-07-10 | إضافة نقل SSE والخادم البعيد |
208
+ | 5.5.10 | 2025-06-29 | بدء السجل |
@@ -59,7 +59,7 @@ const config: IntlayerConfig = {
59
59
  applicationContext: "This is a test application",
60
60
  },
61
61
  build: {
62
- activateDynamicImport: true,
62
+ importMode: "dynamic",
63
63
  },
64
64
  };
65
65
 
@@ -88,7 +88,7 @@ const config = {
88
88
  applicationContext: "This is a test application",
89
89
  },
90
90
  build: {
91
- activateDynamicImport: true,
91
+ importMode: "dynamic",
92
92
  },
93
93
  };
94
94
 
@@ -481,11 +481,9 @@ Einstellungen, die steuern, wie Intlayer die Internationalisierung Ihrer Anwendu
481
481
 
482
482
  Build-Optionen gelten für die Plugins `@intlayer/babel` und `@intlayer/swc`.
483
483
 
484
- > Im Entwicklungsmodus verwendet Intlayer einen zentralisierten statischen Import für Wörterbücher, um die Entwicklungserfahrung zu vereinfachen.
484
+ > Im Entwicklungsmodus verwendet Intlayer statische Importe für Wörterbücher, um die Entwicklungserfahrung zu vereinfachen.
485
485
 
486
- > Durch die Optimierung des Builds ersetzt Intlayer alle Aufrufe von Wörterbüchern, um das Chunking zu optimieren. So importiert das finale Bundle nur die tatsächlich verwendeten Wörterbücher.
487
-
488
- - **Hinweis**: `@intlayer/babel` ist standardmäßig im `vite-intlayer`-Paket verfügbar, aber `@intlayer/swc` ist im `next-intlayer`-Paket nicht standardmäßig installiert, da SWC-Plugins in Next.js noch experimentell sind.
486
+ > Bei der Optimierung ersetzt Intlayer Wörterbuchaufrufe, um das Chunking zu optimieren, sodass das finale Bundle nur die tatsächlich verwendeten Wörterbücher importiert.
489
487
 
490
488
  #### Eigenschaften
491
489
 
@@ -495,21 +493,28 @@ Build-Optionen gelten für die Plugins `@intlayer/babel` und `@intlayer/swc`.
495
493
  - _Standard_: `process.env.NODE_ENV === 'production'`
496
494
  - _Beschreibung_: Steuert, ob der Build optimiert werden soll.
497
495
  - _Beispiel_: `true`
498
- - _Hinweis_: Ermöglicht es, nur die tatsächlich verwendeten Wörterbücher in das Bundle zu importieren. Alle Importe bleiben jedoch statisch, um asynchrone Verarbeitung beim Laden der Wörterbücher zu vermeiden.
499
- - _Hinweis_: Wenn aktiviert, optimiert Intlayer das Chunking der Wörterbücher, indem alle Aufrufe von `useIntlayer` durch `useDictionary` und `getIntlayer` durch `getDictionary` ersetzt werden.
496
+ - _Hinweis_: Wenn aktiviert, ersetzt Intlayer alle Aufrufe von Wörterbüchern, um das Chunking zu optimieren. So importiert das finale Bundle nur die verwendeten Wörterbücher. Alle Importe bleiben als statische Importe, um asynchrone Verarbeitung beim Laden der Wörterbücher zu vermeiden.
497
+ - _Hinweis_: Intlayer ersetzt alle Aufrufe von `useIntlayer` mit dem durch die `importMode`-Option definierten Modus und `getIntlayer` mit `getDictionary`.
498
+ - _Hinweis_: Diese Option basiert auf den Plugins `@intlayer/babel` und `@intlayer/swc`.
500
499
  - _Hinweis_: Stellen Sie sicher, dass alle Schlüssel statisch in den `useIntlayer`-Aufrufen deklariert sind, z. B. `useIntlayer('navbar')`.
501
500
 
502
- - **activateDynamicImport**:
503
-
504
- - _Typ_: `boolean`
505
- - _Standard_: `false`
506
- - _Beschreibung_: Steuert, ob der Wörterbuchinhalt pro Locale dynamisch importiert werden soll.
507
- - _Beispiel_: `true`
508
- - _Hinweis_: Ermöglicht den dynamischen Import des Wörterbuchinhalts nur für die aktuelle Locale.
509
- - _Hinweis_: Dynamische Importe basieren auf React Suspense und können die Rendering-Leistung leicht beeinträchtigen. Wenn deaktiviert, werden alle Locales auf einmal geladen, auch wenn sie nicht verwendet werden.
510
- - _Hinweis_: Wenn aktiviert, optimiert Intlayer die Wörterbuch-Aufteilung, indem alle Aufrufe von `useIntlayer` durch `useDynamicDictionary` ersetzt werden.
511
- - _Hinweis_: Diese Option wird ignoriert, wenn `optimize` deaktiviert ist.
501
+ - **importMode**:
502
+
503
+ - _Typ_: `'static' | 'dynamic' | 'async'`
504
+ - _Standard_: `'static'`
505
+ - _Beschreibung_: Steuert, wie Wörterbücher importiert werden.
506
+ - _Beispiel_: `'dynamic'`
507
+ - _Hinweis_: Verfügbare Modi:
508
+ - "static": Wörterbücher werden statisch importiert. Ersetzt `useIntlayer` durch `useDictionary`.
509
+ - "dynamic": Wörterbücher werden dynamisch mit Suspense importiert. Ersetzt `useIntlayer` durch `useDictionaryDynamic`.
510
+ - "async": Wörterbücher werden asynchron dynamisch importiert. Ersetzt `useIntlayer` durch `await useDictionaryAsync`.
511
+ - _Hinweis_: Dynamische Importe basieren auf Suspense und können die Rendering-Leistung leicht beeinträchtigen.
512
+ - _Hinweis_: Wenn deaktiviert, werden alle Locales auf einmal geladen, auch wenn sie nicht verwendet werden.
513
+ - _Hinweis_: Diese Option basiert auf den Plugins `@intlayer/babel` und `@intlayer/swc`.
512
514
  - _Hinweis_: Stellen Sie sicher, dass alle Schlüssel statisch in den `useIntlayer`-Aufrufen deklariert sind, z. B. `useIntlayer('navbar')`.
515
+ - _Hinweis_: Diese Option wird ignoriert, wenn `optimize` deaktiviert ist.
516
+ - _Hinweis_: In den meisten Fällen wird `"dynamic"` für React-Anwendungen und `"async"` für Vue.js-Anwendungen verwendet.
517
+ - _Hinweis_: Diese Option beeinträchtigt nicht die Funktionen `getIntlayer`, `getDictionary`, `useDictionary`, `useDictionaryAsync` und `useDictionaryDynamic`.
513
518
 
514
519
  - **traversePattern**:
515
520
  - _Typ_: `string[]`
@@ -103,7 +103,7 @@ Die Babel- und SWC-Plugins funktionieren, indem sie den Abstract Syntax Tree (AS
103
103
 
104
104
  Im Entwicklungsmodus verwendet Intlayer einen zentralisierten statischen Import für Wörterbücher, um die Entwicklungserfahrung zu vereinfachen.
105
105
 
106
- Durch Aktivieren der Option `activateDynamicImport` in der [Konfiguration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/configuration.md) verwendet Intlayer den dynamischen Import, um die Wörterbücher zu laden. Diese Option ist standardmäßig deaktiviert, um asynchrone Verarbeitung beim Rendern der Anwendung zu vermeiden.
106
+ Durch Aktivieren der Option `importMode = "dynamic"` in der [Konfiguration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/configuration.md) verwendet Intlayer den dynamischen Import, um die Wörterbücher zu laden. Diese Option ist standardmäßig deaktiviert, um asynchrone Verarbeitung beim Rendern der Anwendung zu vermeiden.
107
107
 
108
108
  > `@intlayer/babel` ist standardmäßig im `vite-intlayer`-Paket enthalten,
109
109
 
@@ -16,6 +16,7 @@ slugs:
16
16
  - doc
17
17
  - concept
18
18
  - cms
19
+ youtubeVideo: https://www.youtube.com/watch?v=UDDTnirwi_4
19
20
  ---
20
21
 
21
22
  # Intlayer Content Management System (CMS) Dokumentation