@intlayer/docs 6.1.6-canary.0 → 6.1.6

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 (242) hide show
  1. package/blog/en/next-i18next_vs_next-intl_vs_intlayer.md +71 -80
  2. package/dist/cjs/generated/docs.entry.cjs +16 -0
  3. package/dist/cjs/generated/docs.entry.cjs.map +1 -1
  4. package/dist/esm/generated/docs.entry.mjs +16 -0
  5. package/dist/esm/generated/docs.entry.mjs.map +1 -1
  6. package/dist/types/generated/docs.entry.d.ts +1 -0
  7. package/dist/types/generated/docs.entry.d.ts.map +1 -1
  8. package/docs/ar/intlayer_with_angular.md +2 -2
  9. package/docs/ar/intlayer_with_astro.md +246 -0
  10. package/docs/ar/intlayer_with_create_react_app.md +3 -2
  11. package/docs/ar/intlayer_with_express.md +2 -2
  12. package/docs/ar/intlayer_with_nestjs.md +2 -2
  13. package/docs/ar/intlayer_with_nextjs_14.md +2 -2
  14. package/docs/ar/intlayer_with_nextjs_15.md +2 -2
  15. package/docs/ar/intlayer_with_nextjs_page_router.md +2 -2
  16. package/docs/ar/intlayer_with_nuxt.md +2 -2
  17. package/docs/ar/intlayer_with_react_native+expo.md +11 -20
  18. package/docs/ar/intlayer_with_react_router_v7.md +195 -241
  19. package/docs/ar/intlayer_with_tanstack.md +198 -272
  20. package/docs/ar/intlayer_with_vite+preact.md +9 -9
  21. package/docs/ar/intlayer_with_vite+react.md +7 -7
  22. package/docs/ar/intlayer_with_vite+vue.md +9 -9
  23. package/docs/de/intlayer_with_angular.md +2 -2
  24. package/docs/de/intlayer_with_astro.md +246 -0
  25. package/docs/de/intlayer_with_create_react_app.md +2 -2
  26. package/docs/de/intlayer_with_express.md +2 -2
  27. package/docs/de/intlayer_with_nestjs.md +2 -2
  28. package/docs/de/intlayer_with_nextjs_14.md +2 -2
  29. package/docs/de/intlayer_with_nextjs_15.md +2 -2
  30. package/docs/de/intlayer_with_nextjs_page_router.md +2 -2
  31. package/docs/de/intlayer_with_nuxt.md +2 -2
  32. package/docs/de/intlayer_with_react_native+expo.md +11 -20
  33. package/docs/de/intlayer_with_react_router_v7.md +193 -242
  34. package/docs/de/intlayer_with_tanstack.md +194 -266
  35. package/docs/de/intlayer_with_vite+preact.md +9 -9
  36. package/docs/de/intlayer_with_vite+react.md +9 -9
  37. package/docs/de/intlayer_with_vite+vue.md +11 -11
  38. package/docs/de/packages/vite-intlayer/index.md +3 -3
  39. package/docs/en/how_works_intlayer.md +1 -1
  40. package/docs/en/index.md +1 -1
  41. package/docs/en/intlayer_cli.md +1 -1
  42. package/docs/en/intlayer_with_angular.md +4 -4
  43. package/docs/en/intlayer_with_astro.md +246 -0
  44. package/docs/en/intlayer_with_create_react_app.md +4 -4
  45. package/docs/en/intlayer_with_express.md +3 -3
  46. package/docs/en/intlayer_with_lynx+react.md +1 -1
  47. package/docs/en/intlayer_with_nestjs.md +2 -2
  48. package/docs/en/intlayer_with_nextjs_14.md +13 -4
  49. package/docs/en/intlayer_with_nextjs_15.md +13 -4
  50. package/docs/en/intlayer_with_nextjs_page_router.md +5 -5
  51. package/docs/en/intlayer_with_nuxt.md +4 -4
  52. package/docs/en/intlayer_with_react_native+expo.md +46 -24
  53. package/docs/en/intlayer_with_react_router_v7.md +164 -211
  54. package/docs/en/intlayer_with_tanstack.md +166 -241
  55. package/docs/en/intlayer_with_vite+preact.md +12 -12
  56. package/docs/en/intlayer_with_vite+react.md +12 -12
  57. package/docs/en/intlayer_with_vite+solid.md +2 -2
  58. package/docs/en/intlayer_with_vite+svelte.md +2 -2
  59. package/docs/en/intlayer_with_vite+vue.md +12 -12
  60. package/docs/en/introduction.md +1 -1
  61. package/docs/en/packages/next-intlayer/useDictionary.md +1 -1
  62. package/docs/en/packages/next-intlayer/useIntlayer.md +1 -1
  63. package/docs/en/packages/react-intlayer/useDictionary.md +1 -1
  64. package/docs/en/packages/react-intlayer/useI18n.md +1 -1
  65. package/docs/en/packages/react-intlayer/useIntlayer.md +1 -1
  66. package/docs/en/releases/v6.md +1 -0
  67. package/docs/en/roadmap.md +1 -1
  68. package/docs/en-GB/intlayer_with_angular.md +3 -3
  69. package/docs/en-GB/intlayer_with_astro.md +246 -0
  70. package/docs/en-GB/intlayer_with_create_react_app.md +5 -4
  71. package/docs/en-GB/intlayer_with_express.md +2 -2
  72. package/docs/en-GB/intlayer_with_nestjs.md +2 -2
  73. package/docs/en-GB/intlayer_with_nextjs_14.md +4 -4
  74. package/docs/en-GB/intlayer_with_nextjs_15.md +2 -2
  75. package/docs/en-GB/intlayer_with_nextjs_page_router.md +2 -2
  76. package/docs/en-GB/intlayer_with_nuxt.md +2 -2
  77. package/docs/en-GB/intlayer_with_react_native+expo.md +11 -20
  78. package/docs/en-GB/intlayer_with_react_router_v7.md +171 -220
  79. package/docs/en-GB/intlayer_with_tanstack.md +174 -248
  80. package/docs/en-GB/intlayer_with_vite+preact.md +9 -9
  81. package/docs/en-GB/intlayer_with_vite+react.md +9 -9
  82. package/docs/en-GB/intlayer_with_vite+vue.md +11 -11
  83. package/docs/en-GB/packages/next-intlayer/useIntlayer.md +1 -1
  84. package/docs/en-GB/packages/react-intlayer/useIntlayer.md +1 -1
  85. package/docs/es/intlayer_with_angular.md +2 -2
  86. package/docs/es/intlayer_with_astro.md +246 -0
  87. package/docs/es/intlayer_with_create_react_app.md +3 -2
  88. package/docs/es/intlayer_with_express.md +2 -2
  89. package/docs/es/intlayer_with_nextjs_14.md +2 -2
  90. package/docs/es/intlayer_with_nextjs_15.md +2 -2
  91. package/docs/es/intlayer_with_react_native+expo.md +11 -20
  92. package/docs/es/intlayer_with_react_router_v7.md +188 -232
  93. package/docs/es/intlayer_with_tanstack.md +203 -273
  94. package/docs/es/intlayer_with_vite+preact.md +7 -7
  95. package/docs/es/intlayer_with_vite+react.md +7 -7
  96. package/docs/es/intlayer_with_vite+vue.md +9 -9
  97. package/docs/fr/intlayer_with_angular.md +2 -2
  98. package/docs/fr/intlayer_with_astro.md +246 -0
  99. package/docs/fr/intlayer_with_create_react_app.md +3 -2
  100. package/docs/fr/intlayer_with_express.md +2 -2
  101. package/docs/fr/intlayer_with_nestjs.md +2 -2
  102. package/docs/fr/intlayer_with_nextjs_14.md +2 -2
  103. package/docs/fr/intlayer_with_react_native+expo.md +11 -20
  104. package/docs/fr/intlayer_with_react_router_v7.md +188 -248
  105. package/docs/fr/intlayer_with_tanstack.md +192 -265
  106. package/docs/fr/intlayer_with_vite+preact.md +7 -7
  107. package/docs/fr/intlayer_with_vite+react.md +7 -7
  108. package/docs/fr/intlayer_with_vite+vue.md +9 -9
  109. package/docs/hi/intlayer_cli.md +1 -4
  110. package/docs/hi/intlayer_with_angular.md +2 -2
  111. package/docs/hi/intlayer_with_astro.md +246 -0
  112. package/docs/hi/intlayer_with_create_react_app.md +2 -2
  113. package/docs/hi/intlayer_with_express.md +2 -2
  114. package/docs/hi/intlayer_with_nestjs.md +2 -2
  115. package/docs/hi/intlayer_with_nextjs_14.md +2 -2
  116. package/docs/hi/intlayer_with_nextjs_15.md +2 -2
  117. package/docs/hi/intlayer_with_nextjs_page_router.md +2 -2
  118. package/docs/hi/intlayer_with_nuxt.md +2 -2
  119. package/docs/hi/intlayer_with_react_native+expo.md +11 -20
  120. package/docs/hi/intlayer_with_react_router_v7.md +199 -243
  121. package/docs/hi/intlayer_with_tanstack.md +210 -285
  122. package/docs/hi/intlayer_with_vite+preact.md +9 -9
  123. package/docs/hi/intlayer_with_vite+react.md +9 -9
  124. package/docs/hi/intlayer_with_vite+solid.md +1 -1
  125. package/docs/hi/intlayer_with_vite+vue.md +11 -11
  126. package/docs/it/intlayer_with_angular.md +2 -2
  127. package/docs/it/intlayer_with_astro.md +246 -0
  128. package/docs/it/intlayer_with_create_react_app.md +3 -2
  129. package/docs/it/intlayer_with_express.md +2 -2
  130. package/docs/it/intlayer_with_nestjs.md +2 -2
  131. package/docs/it/intlayer_with_nextjs_14.md +2 -2
  132. package/docs/it/intlayer_with_nextjs_15.md +2 -2
  133. package/docs/it/intlayer_with_nextjs_page_router.md +2 -2
  134. package/docs/it/intlayer_with_nuxt.md +2 -2
  135. package/docs/it/intlayer_with_react_native+expo.md +11 -21
  136. package/docs/it/intlayer_with_react_router_v7.md +195 -242
  137. package/docs/it/intlayer_with_tanstack.md +203 -267
  138. package/docs/it/intlayer_with_vite+preact.md +9 -9
  139. package/docs/it/intlayer_with_vite+react.md +13 -11
  140. package/docs/it/intlayer_with_vite+vue.md +11 -11
  141. package/docs/ja/intlayer_with_angular.md +2 -2
  142. package/docs/ja/intlayer_with_astro.md +246 -0
  143. package/docs/ja/intlayer_with_create_react_app.md +3 -2
  144. package/docs/ja/intlayer_with_express.md +2 -2
  145. package/docs/ja/intlayer_with_nestjs.md +2 -2
  146. package/docs/ja/intlayer_with_nextjs_14.md +2 -2
  147. package/docs/ja/intlayer_with_nextjs_15.md +2 -2
  148. package/docs/ja/intlayer_with_nextjs_page_router.md +2 -2
  149. package/docs/ja/intlayer_with_nuxt.md +2 -2
  150. package/docs/ja/intlayer_with_react_native+expo.md +18 -29
  151. package/docs/ja/intlayer_with_react_router_v7.md +204 -250
  152. package/docs/ja/intlayer_with_tanstack.md +218 -286
  153. package/docs/ja/intlayer_with_vite+preact.md +9 -9
  154. package/docs/ja/intlayer_with_vite+react.md +11 -11
  155. package/docs/ja/intlayer_with_vite+vue.md +11 -11
  156. package/docs/ko/intlayer_with_angular.md +2 -2
  157. package/docs/ko/intlayer_with_astro.md +246 -0
  158. package/docs/ko/intlayer_with_create_react_app.md +3 -2
  159. package/docs/ko/intlayer_with_express.md +2 -2
  160. package/docs/ko/intlayer_with_nestjs.md +2 -2
  161. package/docs/ko/intlayer_with_nextjs_14.md +2 -2
  162. package/docs/ko/intlayer_with_nextjs_15.md +2 -2
  163. package/docs/ko/intlayer_with_nextjs_page_router.md +2 -2
  164. package/docs/ko/intlayer_with_nuxt.md +2 -2
  165. package/docs/ko/intlayer_with_react_native+expo.md +19 -28
  166. package/docs/ko/intlayer_with_react_router_v7.md +190 -244
  167. package/docs/ko/intlayer_with_tanstack.md +200 -270
  168. package/docs/ko/intlayer_with_vite+preact.md +9 -9
  169. package/docs/ko/intlayer_with_vite+react.md +9 -9
  170. package/docs/ko/intlayer_with_vite+vue.md +11 -11
  171. package/docs/pt/intlayer_with_angular.md +2 -2
  172. package/docs/pt/intlayer_with_astro.md +246 -0
  173. package/docs/pt/intlayer_with_create_react_app.md +3 -2
  174. package/docs/pt/intlayer_with_express.md +2 -2
  175. package/docs/pt/intlayer_with_nestjs.md +2 -2
  176. package/docs/pt/intlayer_with_nextjs_14.md +2 -2
  177. package/docs/pt/intlayer_with_nextjs_15.md +2 -2
  178. package/docs/pt/intlayer_with_nextjs_page_router.md +2 -2
  179. package/docs/pt/intlayer_with_nuxt.md +2 -2
  180. package/docs/pt/intlayer_with_react_native+expo.md +11 -20
  181. package/docs/pt/intlayer_with_react_router_v7.md +7 -13
  182. package/docs/pt/intlayer_with_tanstack.md +183 -258
  183. package/docs/pt/intlayer_with_vite+preact.md +9 -9
  184. package/docs/pt/intlayer_with_vite+react.md +9 -9
  185. package/docs/pt/intlayer_with_vite+vue.md +9 -9
  186. package/docs/ru/intlayer_with_angular.md +2 -2
  187. package/docs/ru/intlayer_with_astro.md +246 -0
  188. package/docs/ru/intlayer_with_create_react_app.md +3 -2
  189. package/docs/ru/intlayer_with_express.md +2 -2
  190. package/docs/ru/intlayer_with_nestjs.md +2 -2
  191. package/docs/ru/intlayer_with_nextjs_14.md +2 -2
  192. package/docs/ru/intlayer_with_nextjs_15.md +2 -2
  193. package/docs/ru/intlayer_with_nextjs_page_router.md +2 -2
  194. package/docs/ru/intlayer_with_nuxt.md +2 -2
  195. package/docs/ru/intlayer_with_react_native+expo.md +11 -20
  196. package/docs/ru/intlayer_with_react_router_v7.md +192 -238
  197. package/docs/ru/intlayer_with_tanstack.md +197 -269
  198. package/docs/ru/intlayer_with_vite+preact.md +9 -9
  199. package/docs/ru/intlayer_with_vite+react.md +9 -9
  200. package/docs/ru/intlayer_with_vite+vue.md +11 -11
  201. package/docs/tr/how_works_intlayer.md +1 -1
  202. package/docs/tr/index.md +1 -1
  203. package/docs/tr/intlayer_cli.md +1 -1
  204. package/docs/tr/intlayer_with_angular.md +4 -4
  205. package/docs/tr/intlayer_with_astro.md +246 -0
  206. package/docs/tr/intlayer_with_create_react_app.md +4 -4
  207. package/docs/tr/intlayer_with_express.md +3 -3
  208. package/docs/tr/intlayer_with_lynx+react.md +1 -1
  209. package/docs/tr/intlayer_with_nestjs.md +2 -2
  210. package/docs/tr/intlayer_with_nextjs_14.md +2 -2
  211. package/docs/tr/intlayer_with_nextjs_15.md +4 -4
  212. package/docs/tr/intlayer_with_nextjs_page_router.md +5 -5
  213. package/docs/tr/intlayer_with_nuxt.md +4 -4
  214. package/docs/tr/intlayer_with_react_native+expo.md +12 -21
  215. package/docs/tr/intlayer_with_react_router_v7.md +222 -267
  216. package/docs/tr/intlayer_with_tanstack.md +400 -303
  217. package/docs/tr/intlayer_with_vite+preact.md +12 -12
  218. package/docs/tr/intlayer_with_vite+react.md +12 -12
  219. package/docs/tr/intlayer_with_vite+solid.md +2 -2
  220. package/docs/tr/intlayer_with_vite+svelte.md +2 -2
  221. package/docs/tr/intlayer_with_vite+vue.md +12 -12
  222. package/docs/tr/introduction.md +1 -1
  223. package/docs/tr/packages/react-intlayer/useDictionary.md +1 -1
  224. package/docs/tr/packages/react-intlayer/useI18n.md +1 -1
  225. package/docs/tr/roadmap.md +1 -1
  226. package/docs/zh/intlayer_with_angular.md +2 -2
  227. package/docs/zh/intlayer_with_astro.md +246 -0
  228. package/docs/zh/intlayer_with_create_react_app.md +3 -2
  229. package/docs/zh/intlayer_with_express.md +2 -2
  230. package/docs/zh/intlayer_with_nestjs.md +2 -2
  231. package/docs/zh/intlayer_with_nextjs_14.md +2 -2
  232. package/docs/zh/intlayer_with_nextjs_15.md +2 -2
  233. package/docs/zh/intlayer_with_nextjs_page_router.md +2 -2
  234. package/docs/zh/intlayer_with_nuxt.md +2 -2
  235. package/docs/zh/intlayer_with_react_native+expo.md +19 -28
  236. package/docs/zh/intlayer_with_react_router_v7.md +200 -248
  237. package/docs/zh/intlayer_with_tanstack.md +208 -283
  238. package/docs/zh/intlayer_with_vite+preact.md +9 -9
  239. package/docs/zh/intlayer_with_vite+react.md +9 -9
  240. package/docs/zh/intlayer_with_vite+vue.md +9 -9
  241. package/package.json +11 -11
  242. package/src/generated/docs.entry.ts +16 -0
@@ -1039,38 +1039,38 @@ const App = () => (
1039
1039
  module.exports = App;
1040
1040
  ```
1041
1041
 
1042
- En parallèle, vous pouvez également utiliser le `intlayerMiddlewarePlugin` pour ajouter un routage côté serveur à votre application. Ce plugin détectera automatiquement la locale actuelle en fonction de l'URL et définira le cookie de locale approprié. Si aucune locale n'est spécifiée, le plugin déterminera la locale la plus appropriée en fonction des préférences linguistiques du navigateur de l'utilisateur. Si aucune locale n'est détectée, il redirigera vers la locale par défaut.
1042
+ En parallèle, vous pouvez également utiliser le `intlayerMiddleware` pour ajouter un routage côté serveur à votre application. Ce plugin détectera automatiquement la locale actuelle en fonction de l'URL et définira le cookie de locale approprié. Si aucune locale n'est spécifiée, le plugin déterminera la locale la plus appropriée en fonction des préférences linguistiques du navigateur de l'utilisateur. Si aucune locale n'est détectée, il redirigera vers la locale par défaut.
1043
1043
 
1044
1044
  ```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
1045
1045
  import { defineConfig } from "vite";
1046
1046
  import preact from "@preact/preset-vite";
1047
- import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
1047
+ import { intlayer, intlayerMiddleware } from "vite-intlayer";
1048
1048
 
1049
1049
  // https://vitejs.dev/config/
1050
1050
  export default defineConfig({
1051
- plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
1051
+ plugins: [preact(), intlayer(), intlayerMiddleware()],
1052
1052
  });
1053
1053
  ```
1054
1054
 
1055
1055
  ```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
1056
1056
  import { defineConfig } from "vite";
1057
1057
  import preact from "@preact/preset-vite";
1058
- import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
1058
+ import { intlayer, intlayerMiddleware } from "vite-intlayer";
1059
1059
 
1060
1060
  // https://vitejs.dev/config/
1061
1061
  export default defineConfig({
1062
- plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
1062
+ plugins: [preact(), intlayer(), intlayerMiddleware()],
1063
1063
  });
1064
1064
  ```
1065
1065
 
1066
1066
  ```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
1067
1067
  const { defineConfig } = require("vite");
1068
1068
  const preact = require("@preact/preset-vite");
1069
- const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
1069
+ const { intlayer, intlayerMiddleware } = require("vite-intlayer");
1070
1070
 
1071
1071
  // https://vitejs.dev/config/
1072
1072
  module.exports = defineConfig({
1073
- plugins: [preact(), intlayer(), intlayerMiddlewarePlugin()],
1073
+ plugins: [preact(), intlayer(), intlayerMiddleware()],
1074
1074
  });
1075
1075
  ```
1076
1076
 
@@ -1003,38 +1003,38 @@ const App = () => (
1003
1003
  );
1004
1004
  ```
1005
1005
 
1006
- En parallèle, vous pouvez également utiliser le `intlayerMiddlewarePlugin` pour ajouter un routage côté serveur à votre application. Ce plugin détectera automatiquement la locale actuelle en fonction de l'URL et définira le cookie de locale approprié. Si aucune locale n'est spécifiée, le plugin déterminera la locale la plus appropriée en fonction des préférences linguistiques du navigateur de l'utilisateur. Si aucune locale n'est détectée, il redirigera vers la locale par défaut.
1006
+ En parallèle, vous pouvez également utiliser le `intlayerMiddleware` pour ajouter un routage côté serveur à votre application. Ce plugin détectera automatiquement la locale actuelle en fonction de l'URL et définira le cookie de locale approprié. Si aucune locale n'est spécifiée, le plugin déterminera la locale la plus appropriée en fonction des préférences linguistiques du navigateur de l'utilisateur. Si aucune locale n'est détectée, il redirigera vers la locale par défaut.
1007
1007
 
1008
1008
  ```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
1009
1009
  import { defineConfig } from "vite";
1010
1010
  import react from "@vitejs/plugin-react-swc";
1011
- import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
1011
+ import { intlayer, intlayerMiddleware } from "vite-intlayer";
1012
1012
 
1013
1013
  // https://vitejs.dev/config/
1014
1014
  export default defineConfig({
1015
- plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
1015
+ plugins: [react(), intlayer(), intlayerMiddleware()],
1016
1016
  });
1017
1017
  ```
1018
1018
 
1019
1019
  ```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
1020
1020
  import { defineConfig } from "vite";
1021
1021
  import react from "@vitejs/plugin-react-swc";
1022
- import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
1022
+ import { intlayer, intlayerMiddleware } from "vite-intlayer";
1023
1023
 
1024
1024
  // https://vitejs.dev/config/
1025
1025
  export default defineConfig({
1026
- plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
1026
+ plugins: [react(), intlayer(), intlayerMiddleware()],
1027
1027
  });
1028
1028
  ```
1029
1029
 
1030
1030
  ```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
1031
1031
  const { defineConfig } = require("vite");
1032
1032
  const react = require("@vitejs/plugin-react-swc");
1033
- const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
1033
+ const { intlayer, intlayerMiddleware } = require("vite-intlayer");
1034
1034
 
1035
1035
  // https://vitejs.dev/config/
1036
1036
  module.exports = defineConfig({
1037
- plugins: [react(), intlayer(), intlayerMiddlewarePlugin()],
1037
+ plugins: [react(), intlayer(), intlayerMiddleware()],
1038
1038
  });
1039
1039
  ```
1040
1040
 
@@ -648,46 +648,46 @@ import LocaleSwitcher from "@components/LocaleSwitcher.vue";
648
648
  </template>
649
649
  ```
650
650
 
651
- Parallèlement, vous pouvez également utiliser le `intlayerMiddlewarePlugin` pour ajouter un routage côté serveur à votre application. Ce plugin détectera automatiquement la locale actuelle en fonction de l'URL et définira le cookie de locale approprié. Si aucune locale n'est spécifiée, le plugin déterminera la locale la plus appropriée en fonction des préférences linguistiques du navigateur de l'utilisateur. Si aucune locale n'est détectée, il redirigera vers la locale par défaut.
651
+ Parallèlement, vous pouvez également utiliser le `intlayerMiddleware` pour ajouter un routage côté serveur à votre application. Ce plugin détectera automatiquement la locale actuelle en fonction de l'URL et définira le cookie de locale approprié. Si aucune locale n'est spécifiée, le plugin déterminera la locale la plus appropriée en fonction des préférences linguistiques du navigateur de l'utilisateur. Si aucune locale n'est détectée, il redirigera vers la locale par défaut.
652
652
 
653
653
  ```typescript {3,7} fileName="vite.config.ts" codeFormat="typescript"
654
654
  import { defineConfig } from "vite";
655
655
  import vue from "@vitejs/plugin-vue";
656
- import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
656
+ import { intlayer, intlayerMiddleware } from "vite-intlayer";
657
657
 
658
658
  // https://vitejs.dev/config/
659
659
  export default defineConfig({
660
- plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
660
+ plugins: [vue(), intlayer(), intlayerMiddleware()],
661
661
  });
662
662
  ```
663
663
 
664
664
  ```javascript {3,7} fileName="vite.config.mjs" codeFormat="esm"
665
665
  import { defineConfig } from "vite";
666
666
  import vue from "@vitejs/plugin-vue";
667
- import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
667
+ import { intlayer, intlayerMiddleware } from "vite-intlayer";
668
668
 
669
669
  // https://vitejs.dev/config/
670
670
  export default defineConfig({
671
- plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
671
+ plugins: [vue(), intlayer(), intlayerMiddleware()],
672
672
  });
673
673
  ```
674
674
 
675
675
  ```javascript {3,7} fileName="vite.config.cjs" codeFormat="commonjs"
676
676
  const { defineConfig } = require("vite");
677
677
  const vue = require("@vitejs/plugin-vue");
678
- const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
678
+ const { intlayer, intlayerMiddleware } = require("vite-intlayer");
679
679
 
680
680
  // https://vitejs.dev/config/
681
681
  module.exports = defineConfig({
682
- plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
682
+ plugins: [vue(), intlayer(), intlayerMiddleware()],
683
683
  });
684
684
  const { defineConfig } = require("vite");
685
685
  const vue = require("@vitejs/plugin-vue");
686
- const { intlayer, intlayerMiddlewarePlugin } = require("vite-intlayer");
686
+ const { intlayer, intlayerMiddleware } = require("vite-intlayer");
687
687
 
688
688
  // https://vitejs.dev/config/
689
689
  module.exports = defineConfig({
690
- plugins: [vue(), intlayer(), intlayerMiddlewarePlugin()],
690
+ plugins: [vue(), intlayer(), intlayerMiddleware()],
691
691
  });
692
692
  ```
693
693
 
@@ -40,7 +40,7 @@ pnpm add intlayer-cli -g
40
40
 
41
41
  ## intlayer-cli पैकेज
42
42
 
43
- `intlayer-cli` पैकेज आपके [intlayer घोषणाओं](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/dictionary/get_started.md) को शब्दकोशों में ट्रांसपाइल करने का उद्देश्य रखता है।
43
+ `intlayer-cli` पैकेज आपके [intlayer घोषणाओं](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/dictionary/content_file.md) को शब्दकोशों में ट्रांसपाइल करने का उद्देश्य रखता है।
44
44
 
45
45
  यह पैकेज सभी intlayer फाइलों को ट्रांसपाइल करेगा, जैसे कि `src/**/*.content.{ts|js|mjs|cjs|json}`। [देखें कि अपने Intlayer घोषणा फाइलों को कैसे घोषित करें](https://github.com/aymericzip/intlayer/blob/main/packages/intlayer/README.md)।
46
46
 
@@ -367,7 +367,6 @@ npx intlayer doc translate
367
367
  > उदाहरण: `npx intlayer doc translate --excluded-glob-pattern "docs/internal/**"`
368
368
 
369
369
  - **`--skip-if-modified-before [skipIfModifiedBefore]`**: यदि फ़ाइल दिए गए समय से पहले संशोधित की गई है तो उसे छोड़ दें।
370
-
371
370
  - यह एक निश्चित समय हो सकता है जैसे "2025-12-05" (स्ट्रिंग या Date)
372
371
  - यह एक सापेक्ष समय हो सकता है मिलीसेकंड में `1 * 60 * 60 * 1000` (1 घंटा)
373
372
  - यह विकल्प `fs.stat` मेथड का उपयोग करके फ़ाइल के अपडेट समय की जांच करता है। इसलिए यह Git या अन्य टूल्स से प्रभावित हो सकता है जो फ़ाइल को संशोधित करते हैं।
@@ -375,7 +374,6 @@ npx intlayer doc translate
375
374
  > उदाहरण: `npx intlayer doc translate --skip-if-modified-before "2025-12-05"`
376
375
 
377
376
  - **`--skip-if-modified-after [skipIfModifiedAfter]`**: यदि फ़ाइल दिए गए समय के भीतर संशोधित की गई है तो उसे छोड़ दें।
378
-
379
377
  - यह एक निश्चित समय हो सकता है जैसे "2025-12-05" (स्ट्रिंग या Date)
380
378
  - यह एक सापेक्ष समय हो सकता है मिलीसेकंड में `1 * 60 * 60 * 1000` (1 घंटा)
381
379
  - यह विकल्प `fs.stat` मेथड का उपयोग करके फ़ाइल के अपडेट समय की जांच करता है। इसलिए यह Git या अन्य उपकरणों से प्रभावित हो सकता है जो फ़ाइल को संशोधित करते हैं।
@@ -426,7 +424,6 @@ npx intlayer doc translate
426
424
  **कस्टम निर्देश विकल्प:**
427
425
 
428
426
  - **`--custom-instructions [customInstructions]`**: प्रॉम्प्ट में जोड़े गए कस्टम निर्देश। फॉर्मेटिंग, URL अनुवाद आदि के संबंध में विशिष्ट नियम लागू करने के लिए उपयोगी।
429
-
430
427
  - यह एक निश्चित समय हो सकता है जैसे "2025-12-05" (स्ट्रिंग या डेट)
431
428
  - यह एक सापेक्ष समय हो सकता है मिलीसेकंड में `1 * 60 * 60 * 1000` (1 घंटा)
432
429
  - यह विकल्प `fs.stat` मेथड का उपयोग करके फ़ाइल के अपडेट समय की जांच करता है। इसलिए यह Git या अन्य टूल्स से प्रभावित हो सकता है जो फ़ाइल को संशोधित करते हैं।
@@ -623,9 +623,9 @@ export const appConfig: ApplicationConfig = {
623
623
 
624
624
  Intlayer TypeScript के लाभ प्राप्त करने और आपके कोडबेस को मजबूत बनाने के लिए मॉड्यूल ऑगमेंटेशन का उपयोग करता है।
625
625
 
626
- ![alt text](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png)
626
+ ![Autocompletion](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
627
627
 
628
- ![alt text](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png)
628
+ ![Translation error](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
629
629
 
630
630
  सुनिश्चित करें कि आपकी TypeScript कॉन्फ़िगरेशन में ऑटो-जेनरेटेड टाइप्स शामिल हैं।
631
631
 
@@ -0,0 +1,246 @@
1
+ ---
2
+ createdAt: 2024-03-07
3
+ updatedAt: 2025-10-03
4
+ title: Astro में Intlayer के साथ शुरुआत करना
5
+ description: जानें कि कैसे Intlayer का उपयोग करके अपनी Vite और React एप्लिकेशन में अंतरराष्ट्रीयकरण (i18n) जोड़ें। इस गाइड का पालन करें ताकि आपकी ऐप बहुभाषी बन सके।
6
+ keywords:
7
+ - अंतरराष्ट्रीयकरण
8
+ - दस्तावेज़ीकरण
9
+ - Intlayer
10
+ - Vite
11
+ - React
12
+ - i18n
13
+ - JavaScript
14
+ slugs:
15
+ - doc
16
+ - environment
17
+ - astro
18
+ applicationTemplate: https://github.com/aymericzip/intlayer-astro-template
19
+ ---
20
+
21
+ # Intlayer और Astro के साथ अंतरराष्ट्रीयकरण (i18n) शुरू करना
22
+
23
+ GitHub पर [एप्लिकेशन टेम्पलेट](https://github.com/aymericzip/intlayer-astro-template) देखें।
24
+
25
+ ## Intlayer क्या है?
26
+
27
+ **Intlayer** एक अभिनव, ओपन-सोर्स अंतरराष्ट्रीयकरण (i18n) लाइब्रेरी है जिसे आधुनिक वेब एप्लिकेशन में बहुभाषी समर्थन को सरल बनाने के लिए डिज़ाइन किया गया है।
28
+
29
+ Intlayer के साथ, आप कर सकते हैं:
30
+
31
+ - **घोषणात्मक शब्दकोशों का उपयोग करके अनुवादों का आसानी से प्रबंधन करें** जो कि कंपोनेंट स्तर पर होते हैं।
32
+ - **मेटाडेटा, रूट्स, और सामग्री को गतिशील रूप से स्थानीयकृत करें**।
33
+ - **स्वचालित रूप से उत्पन्न प्रकारों के साथ TypeScript समर्थन सुनिश्चित करें**, जिससे ऑटोकम्प्लीशन और त्रुटि पहचान में सुधार होता है।
34
+ - **उन्नत सुविधाओं का लाभ उठाएं**, जैसे कि गतिशील लोकल डिटेक्शन और स्विचिंग।
35
+
36
+ ---
37
+
38
+ ## Astro में Intlayer सेटअप करने के लिए चरण-दर-चरण मार्गदर्शिका
39
+
40
+ ### चरण 1: निर्भरताएँ स्थापित करें
41
+
42
+ अपने पैकेज प्रबंधक का उपयोग करके आवश्यक पैकेज इंस्टॉल करें:
43
+
44
+ ```bash packageManager="npm"
45
+ npm install intlayer astro-intlayer
46
+ # वैकल्पिक: React आइलैंड समर्थन जोड़ें
47
+ npm install react react-dom react-intlayer @astrojs/react
48
+ ```
49
+
50
+ ```bash packageManager="pnpm"
51
+ pnpm add intlayer astro-intlayer
52
+ # वैकल्पिक: React आइलैंड समर्थन जोड़ें
53
+ pnpm add react react-dom react-intlayer @astrojs/react
54
+ ```
55
+
56
+ ```bash packageManager="yarn"
57
+ yarn add intlayer astro-intlayer
58
+ # वैकल्पिक: React आइलैंड समर्थन जोड़ें
59
+ yarn add react react-dom react-intlayer @astrojs/react
60
+ ```
61
+
62
+ - **intlayer**
63
+ मुख्य पैकेज जो कॉन्फ़िगरेशन प्रबंधन, अनुवाद, [सामग्री घोषणा](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/dictionary/get_started.md), ट्रांसपाइलेशन, और [CLI कमांड](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_cli.md) के लिए अंतरराष्ट्रीयकरण उपकरण प्रदान करता है।
64
+
65
+ - **astro-intlayer**
66
+ Astro इंटीग्रेशन प्लगइन शामिल है जो Intlayer को [Vite बंडलर](https://vite.dev/guide/why.html#why-bundle-for-production) के साथ एकीकृत करता है, साथ ही उपयोगकर्ता की पसंदीदा भाषा का पता लगाने, कुकीज़ प्रबंधित करने, और URL पुनर्निर्देशन को संभालने के लिए मिडलवेयर भी प्रदान करता है।
67
+
68
+ ### चरण 2: अपने प्रोजेक्ट का कॉन्फ़िगरेशन
69
+
70
+ अपने एप्लिकेशन की भाषाओं को कॉन्फ़िगर करने के लिए एक कॉन्फ़िग फाइल बनाएं:
71
+
72
+ ```typescript fileName="intlayer.config.ts"
73
+ import { Locales, type IntlayerConfig } from "intlayer";
74
+
75
+ const config: IntlayerConfig = {
76
+ internationalization: {
77
+ locales: [
78
+ Locales.ENGLISH,
79
+ Locales.FRENCH,
80
+ Locales.SPANISH,
81
+ // आपकी अन्य भाषाएँ
82
+ ],
83
+ defaultLocale: Locales.ENGLISH,
84
+ },
85
+ };
86
+
87
+ export default config;
88
+ ```
89
+
90
+ > इस कॉन्फ़िगरेशन फ़ाइल के माध्यम से, आप स्थानीयकृत URL, मिडलवेयर पुनर्निर्देशन, कुकी नाम, अपनी सामग्री घोषणाओं का स्थान और एक्सटेंशन सेट कर सकते हैं, कंसोल में Intlayer लॉग को अक्षम कर सकते हैं, और भी बहुत कुछ। उपलब्ध पैरामीटर की पूरी सूची के लिए, कृपया [कॉन्फ़िगरेशन दस्तावेज़](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/configuration.md) देखें।
91
+
92
+ ### चरण 3: अपने Astro कॉन्फ़िगरेशन में Intlayer को एकीकृत करें
93
+
94
+ अपने कॉन्फ़िगरेशन में intlayer प्लगइन जोड़ें।
95
+
96
+ ```typescript fileName="astro.config.ts"
97
+ // @ts-check
98
+
99
+ import { intlayer } from "astro-intlayer";
100
+ import { defineConfig } from "astro/config";
101
+
102
+ // https://astro.build/config
103
+ export default defineConfig({
104
+ integrations: [intlayer()],
105
+ });
106
+ ```
107
+
108
+ > `intlayer()` Astro एकीकरण प्लगइन का उपयोग Intlayer को Astro के साथ एकीकृत करने के लिए किया जाता है। यह सामग्री घोषणा फ़ाइलों के निर्माण को सुनिश्चित करता है और विकास मोड में उनकी निगरानी करता है। यह Astro एप्लिकेशन के भीतर Intlayer पर्यावरण चर को परिभाषित करता है। इसके अतिरिक्त, यह प्रदर्शन को अनुकूलित करने के लिए उपनाम प्रदान करता है।
109
+
110
+ ### चरण 4: अपनी सामग्री घोषित करें
111
+
112
+ अनुवाद संग्रहीत करने के लिए अपनी सामग्री घोषणाओं को बनाएं और प्रबंधित करें:
113
+
114
+ ```tsx fileName="src/app.content.tsx"
115
+ import { t, type Dictionary } from "intlayer";
116
+ import type { ReactNode } from "react";
117
+
118
+ const appContent = {
119
+ key: "app",
120
+ content: {
121
+ title: t({
122
+ en: "Hello World",
123
+ fr: "Bonjour le monde",
124
+ es: "Hola mundo",
125
+ }),
126
+ },
127
+ } satisfies Dictionary;
128
+
129
+ export default appContent;
130
+ ```
131
+
132
+ > आपकी सामग्री घोषणाएँ आपकी एप्लिकेशन में कहीं भी परिभाषित की जा सकती हैं जब तक कि वे `contentDir` निर्देशिका (डिफ़ॉल्ट रूप से, `./src`) में शामिल हों। और सामग्री घोषणा फ़ाइल एक्सटेंशन से मेल खाती हों (डिफ़ॉल्ट रूप से, `.content.{json,ts,tsx,js,jsx,mjs,mjx,cjs,cjx}`)।
133
+
134
+ > अधिक विवरण के लिए, [सामग्री घोषणा प्रलेखन](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/dictionary/get_started.md) देखें।
135
+
136
+ ### चरण 5: अपनी सामग्री को Astro में उपयोग करें
137
+
138
+ आप सीधे `.astro` फ़ाइलों में `intlayer` द्वारा निर्यात किए गए कोर हेल्पर्स का उपयोग करके शब्दकोशों का उपयोग कर सकते हैं।
139
+
140
+ ```astro fileName="src/pages/index.astro"
141
+ <!-- astro -->
142
+ ---
143
+ import { getIntlayer } from "intlayer";
144
+ import appContent from "../app.content";
145
+
146
+ const { title } = getIntlayer('app');
147
+ ---
148
+
149
+ <html lang="en">
150
+ <head>
151
+ <meta charset="utf-8" />
152
+ <meta name="viewport" content="width=device-width" />
153
+ <title>{title}</title>
154
+ </head>
155
+ <body>
156
+ <h1>{title}</h1>
157
+ </body>
158
+ </html>
159
+ ```
160
+
161
+ ### चरण 6: स्थानीयकृत रूटिंग
162
+
163
+ स्थानीयकृत पृष्ठों की सेवा के लिए एक डायनामिक रूट सेगमेंट बनाएं, उदाहरण के लिए `src/pages/[locale]/index.astro`:
164
+
165
+ ```astro fileName="src/pages/[locale]/index.astro"
166
+ <!-- astro -->
167
+ ---
168
+ import { getIntlayer } from "intlayer";
169
+
170
+ const { title } = getIntlayer('app');
171
+ ---
172
+
173
+ <h1>{title}</h1>
174
+ ```
175
+
176
+ Astro एकीकरण विकास के दौरान Vite मिडलवेयर जोड़ता है जो स्थानीय भाषा-संवेदनशील रूटिंग और पर्यावरण परिभाषाओं में मदद करता है। आप अभी भी अपनी खुद की लॉजिक या `intlayer` से `getLocalizedUrl` जैसे उपयोगिता फ़ंक्शंस का उपयोग करके स्थानीय भाषाओं के बीच लिंक कर सकते हैं।
177
+
178
+ ### चरण 7: अपनी पसंदीदा फ्रेमवर्क का उपयोग जारी रखें
179
+
180
+ अपने पसंदीदा फ्रेमवर्क का उपयोग करके अपना एप्लिकेशन बनाना जारी रखें।
181
+
182
+ - Intlayer + React: [React के साथ Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_with_vite+react.md)
183
+ - Intlayer + Vue: [Vue के साथ Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_with_vite+vue.md)
184
+ - Intlayer + Svelte: [Svelte के साथ Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_with_vite+svelte.md)
185
+ - Intlayer + Solid: [Solid के साथ Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_with_vite+solid.md)
186
+ - Intlayer + Preact: [Preact के साथ Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_with_vite+preact.md)
187
+
188
+ ### TypeScript कॉन्फ़िगर करें
189
+
190
+ Intlayer टाइपस्क्रिप्ट के लाभ प्राप्त करने और आपके कोडबेस को मजबूत बनाने के लिए मॉड्यूल ऑगमेंटेशन का उपयोग करता है।
191
+
192
+ ![Autocompletion](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
193
+
194
+ ![Translation error](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
195
+
196
+ सुनिश्चित करें कि आपकी टाइपस्क्रिप्ट कॉन्फ़िगरेशन में ऑटो-जनरेटेड टाइप्स शामिल हैं।
197
+
198
+ ```json5 fileName="tsconfig.json"
199
+ {
200
+ // ... आपकी मौजूदा टाइपस्क्रिप्ट कॉन्फ़िगरेशन
201
+ "include": [
202
+ // ... आपकी मौजूदा टाइपस्क्रिप्ट कॉन्फ़िगरेशन
203
+ ".intlayer/**/*.ts", // ऑटो-जनरेटेड टाइप्स शामिल करें
204
+ ],
205
+ }
206
+ ```
207
+
208
+ ### Git कॉन्फ़िगरेशन
209
+
210
+ यह अनुशंसा की जाती है कि Intlayer द्वारा जनरेट की गई फाइलों को अनदेखा किया जाए। इससे आप उन्हें अपने Git रिपॉजिटरी में कमिट करने से बच सकते हैं।
211
+
212
+ इसे करने के लिए, आप अपनी `.gitignore` फ़ाइल में निम्नलिखित निर्देश जोड़ सकते हैं:
213
+
214
+ ```plaintext
215
+ # Intlayer द्वारा जनरेट की गई फाइलों को अनदेखा करें
216
+ .intlayer
217
+ ```
218
+
219
+ ### VS कोड एक्सटेंशन
220
+
221
+ Intlayer के साथ अपने विकास अनुभव को बेहतर बनाने के लिए, आप आधिकारिक **Intlayer VS कोड एक्सटेंशन** इंस्टॉल कर सकते हैं।
222
+
223
+ [VS कोड मार्केटप्लेस से इंस्टॉल करें](https://marketplace.visualstudio.com/items?itemName=intlayer.intlayer-vs-code-extension)
224
+
225
+ यह एक्सटेंशन प्रदान करता है:
226
+
227
+ - अनुवाद कुंजियों के लिए **ऑटोकम्प्लीशन**।
228
+ - गायब अनुवादों के लिए **रीयल-टाइम त्रुटि पता लगाना**।
229
+ - अनुवादित सामग्री के **इनलाइन पूर्वावलोकन**।
230
+ - अनुवादों को आसानी से बनाने और अपडेट करने के लिए **त्वरित क्रियाएं**।
231
+
232
+ एक्सटेंशन का उपयोग कैसे करें, इसके लिए अधिक जानकारी के लिए देखें [Intlayer VS कोड एक्सटेंशन दस्तावेज़](https://intlayer.org/doc/vs-code-extension)।
233
+
234
+ ---
235
+
236
+ ### आगे बढ़ें
237
+
238
+ आगे बढ़ने के लिए, आप [विज़ुअल एडिटर](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_visual_editor.md) को लागू कर सकते हैं या अपनी सामग्री को [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_CMS.md) का उपयोग करके बाहरी रूप से प्रबंधित कर सकते हैं।
239
+
240
+ ---
241
+
242
+ ## दस्तावेज़ इतिहास
243
+
244
+ | संस्करण | तिथि | परिवर्तन |
245
+ | ------- | ---------- | ---------------------------------------------- |
246
+ | 6.2.0 | 2025-10-03 | एस्ट्रो एकीकरण, कॉन्फ़िग, उपयोग के लिए रिफ्रेश |
@@ -1370,9 +1370,9 @@ module.exports = App;
1370
1370
 
1371
1371
  Intlayer टाइपस्क्रिप्ट का उपयोग मॉड्यूल ऑगमेंटेशन के साथ करता है ताकि आपका कोडबेस मजबूत हो सके।
1372
1372
 
1373
- ![alt text](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png)
1373
+ ![Autocompletion](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
1374
1374
 
1375
- ![alt text](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png)
1375
+ ![Translation error](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
1376
1376
 
1377
1377
  सुनिश्चित करें कि आपकी टाइपस्क्रिप्ट कॉन्फ़िगरेशन में ऑटो-जनरेटेड टाइप्स शामिल हैं।
1378
1378
 
@@ -395,9 +395,9 @@ module.exports = config;
395
395
 
396
396
  `express-intlayer` अंतरराष्ट्रीयकरण प्रक्रिया को बेहतर बनाने के लिए TypeScript की मजबूत क्षमताओं का उपयोग करता है। TypeScript की स्थैतिक टाइपिंग सुनिश्चित करती है कि हर अनुवाद कुंजी का ध्यान रखा गया है, जिससे अनुवादों के गायब होने का जोखिम कम होता है और रखरखाव में सुधार होता है।
397
397
 
398
- ![alt text](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png)
398
+ ![Autocompletion](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
399
399
 
400
- ![alt text](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png)
400
+ ![Translation error](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
401
401
 
402
402
  सुनिश्चित करें कि स्वचालित रूप से उत्पन्न प्रकार (डिफ़ॉल्ट रूप से ./types/intlayer.d.ts में) आपके tsconfig.json फ़ाइल में शामिल हैं।
403
403
 
@@ -220,9 +220,9 @@ export default config;
220
220
 
221
221
  `express-intlayer` अंतर्राष्ट्रीयकरण प्रक्रिया को बेहतर बनाने के लिए TypeScript की मजबूत क्षमताओं का उपयोग करता है। TypeScript की स्थैतिक टाइपिंग यह सुनिश्चित करती है कि हर अनुवाद कुंजी का ध्यान रखा जाए, जिससे अनुवादों के छूटने का जोखिम कम होता है और रखरखाव में सुधार होता है।
222
222
 
223
- ![alt text](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png)
223
+ ![Autocompletion](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
224
224
 
225
- ![alt text](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png)
225
+ ![Translation error](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
226
226
 
227
227
  सुनिश्चित करें कि स्वचालित रूप से उत्पन्न प्रकार (डिफ़ॉल्ट रूप से ./types/intlayer.d.ts में) आपके tsconfig.json फ़ाइल में शामिल हैं।
228
228
 
@@ -1264,9 +1264,9 @@ yarn add @intlayer/swc --save-dev
1264
1264
 
1265
1265
  Intlayer TypeScript का उपयोग करता है और आपके कोडबेस को मजबूत बनाने के लिए मॉड्यूल ऑगमेंटेशन का लाभ उठाता है।
1266
1266
 
1267
- ![alt text](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png)
1267
+ ![Autocompletion](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
1268
1268
 
1269
- ![alt text](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png)
1269
+ ![Translation error](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
1270
1270
 
1271
1271
  सुनिश्चित करें कि आपकी TypeScript कॉन्फ़िगरेशन में स्वतः उत्पन्न प्रकार शामिल हैं।
1272
1272
 
@@ -1464,9 +1464,9 @@ yarn add @intlayer/swc --save-dev
1464
1464
 
1465
1465
  Intlayer TypeScript के लाभ प्राप्त करने और आपके कोडबेस को मजबूत बनाने के लिए मॉड्यूल ऑगमेंटेशन का उपयोग करता है।
1466
1466
 
1467
- ![alt text](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png)
1467
+ ![Autocompletion](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
1468
1468
 
1469
- ![alt text](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png)
1469
+ ![Translation error](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
1470
1470
 
1471
1471
  सुनिश्चित करें कि आपकी TypeScript कॉन्फ़िगरेशन में ऑटो-जेनरेटेड टाइप्स शामिल हैं।
1472
1472
 
@@ -1428,9 +1428,9 @@ yarn add @intlayer/swc --save-dev
1428
1428
 
1429
1429
  Intlayer TypeScript के लाभ प्राप्त करने और आपके कोडबेस को मजबूत बनाने के लिए मॉड्यूल ऑगमेंटेशन का उपयोग करता है।
1430
1430
 
1431
- ![alt text](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png)
1431
+ ![Autocompletion](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
1432
1432
 
1433
- ![alt text](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png)
1433
+ ![Translation error](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
1434
1434
 
1435
1435
  सुनिश्चित करें कि आपकी TypeScript कॉन्फ़िगरेशन में ऑटो-जनरेटेड टाइप्स शामिल हैं।
1436
1436
 
@@ -771,9 +771,9 @@ module.exports = aboutMetaContent;
771
771
 
772
772
  Intlayer टाइपस्क्रिप्ट के लाभ प्राप्त करने और आपके कोडबेस को मजबूत बनाने के लिए मॉड्यूल ऑगमेंटेशन का उपयोग करता है।
773
773
 
774
- ![alt text](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png)
774
+ ![Autocompletion](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
775
775
 
776
- ![alt text](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png)
776
+ ![Translation error](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
777
777
 
778
778
  सुनिश्चित करें कि आपकी टाइपस्क्रिप्ट कॉन्फ़िगरेशन में ऑटो-जेनरेटेड टाइप्स शामिल हैं।
779
779
 
@@ -149,28 +149,25 @@ module.exports = (async () => {
149
149
 
150
150
  ## चरण 4: Intlayer प्रदाता जोड़ें
151
151
 
152
- अपने एप्लिकेशन में उपयोगकर्ता भाषा को सिंक्रनाइज़ रखने के लिए, आपको अपने रूट कॉम्पोनेंट को `react-intlayer` से `IntlayerProvider` कॉम्पोनेंट के साथ रैप करना होगा।
152
+ अपने एप्लिकेशन में उपयोगकर्ता की भाषा को सिंक्रनाइज़ रखने के लिए, आपको अपने रूट कंपोनेंट को `react-intlayer-native` से `IntlayerProvider` कंपोनेंट के साथ रैप करना होगा।
153
153
 
154
- साथ ही, आपको यह सुनिश्चित करने के लिए कि Intlayer सही ढंग से काम कर सके, अपनी `index.js` फ़ाइल में `intlayerPolyfill` फ़ंक्शन जोड़ना होगा।
154
+ > `react-intlayer` के बजाय `react-native-intlayer` से प्रदाता का उपयोग करना सुनिश्चित करें। `react-native-intlayer` से एक्सपोर्ट में वेब API के लिए पॉलीफिल्स शामिल हैं।
155
155
 
156
156
  ```tsx fileName="app/_layout.tsx" codeFormat="typescript"
157
157
  import { Stack } from "expo-router";
158
158
  import { getLocales } from "expo-localization";
159
- import { IntlayerProviderContent } from "react-intlayer";
160
- import { intlayerPolyfill } from "react-native-intlayer";
159
+ import { IntlayerProvider } from "react-native-intlayer";
161
160
  import { type FC } from "react";
162
161
 
163
- intlayerPolyfill();
164
-
165
162
  const getDeviceLocale = () => getLocales()[0]?.languageTag;
166
163
 
167
164
  const RootLayout: FC = () => {
168
165
  return (
169
- <IntlayerProviderContent defaultLocale={getDeviceLocale()}>
166
+ <IntlayerProvider defaultLocale={getDeviceLocale()}>
170
167
  <Stack>
171
168
  <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
172
169
  </Stack>
173
- </IntlayerProviderContent>
170
+ </IntlayerProvider>
174
171
  );
175
172
  };
176
173
 
@@ -180,20 +177,17 @@ export default RootLayout;
180
177
  ```jsx fileName="app/_layout.mjx" codeFormat="esm"
181
178
  import { Stack } from "expo-router";
182
179
  import { getLocales } from "expo-localization";
183
- import { IntlayerProviderContent } from "react-intlayer";
184
- import { intlayerPolyfill } from "react-native-intlayer";
185
-
186
- intlayerPolyfill();
180
+ import { IntlayerProvider } from "react-native-intlayer";
187
181
 
188
182
  const getDeviceLocale = () => getLocales()[0]?.languageTag;
189
183
 
190
184
  const RootLayout = () => {
191
185
  return (
192
- <IntlayerProviderContent defaultLocale={getDeviceLocale()}>
186
+ <IntlayerProvider defaultLocale={getDeviceLocale()}>
193
187
  <Stack>
194
188
  <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
195
189
  </Stack>
196
- </IntlayerProviderContent>
190
+ </IntlayerProvider>
197
191
  );
198
192
  };
199
193
 
@@ -203,21 +197,18 @@ export default RootLayout;
203
197
  ```jsx fileName="app/_layout.cjx" codeFormat="commonjs"
204
198
  const { Stack } = require("expo-router");
205
199
  const { getLocales } = require("expo-localization");
206
- const { IntlayerProviderContent } = require("react-intlayer");
207
- const { intlayerPolyfill } = require("react-native-intlayer");
208
-
209
- intlayerPolyfill();
200
+ const { IntlayerProvider } = require("react-native-intlayer");
210
201
 
211
202
  // डिवाइस की भाषा प्राप्त करने के लिए फ़ंक्शन
212
203
  const getDeviceLocale = () => getLocales()[0]?.languageTag;
213
204
 
214
205
  const RootLayout = () => {
215
206
  return (
216
- <IntlayerProviderContent defaultLocale={getDeviceLocale()}>
207
+ <IntlayerProvider defaultLocale={getDeviceLocale()}>
217
208
  <Stack>
218
209
  <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
219
210
  </Stack>
220
- </IntlayerProviderContent>
211
+ </IntlayerProvider>
221
212
  );
222
213
  };
223
214