@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.
Files changed (172) hide show
  1. package/ar/autoFill.md +1 -2
  2. package/ar/intlayer_with_create_react_app.md +1 -14
  3. package/ar/intlayer_with_nextjs_14.md +1 -14
  4. package/ar/intlayer_with_nextjs_15.md +1 -14
  5. package/ar/intlayer_with_nextjs_page_router.md +1 -13
  6. package/ar/intlayer_with_nuxt.md +792 -0
  7. package/ar/intlayer_with_react_native+expo.md +6 -3
  8. package/ar/intlayer_with_vite+preact.md +7 -18
  9. package/ar/intlayer_with_vite+react.md +7 -17
  10. package/ar/intlayer_with_vite+vue.md +25 -5
  11. package/ar/packages/nuxt-intlayer/index.md +29 -0
  12. package/ar/roadmap.md +11 -11
  13. package/de/autoFill.md +1 -2
  14. package/de/how_works_intlayer.md +1 -1
  15. package/de/intlayer_with_create_react_app.md +1 -14
  16. package/de/intlayer_with_nextjs_14.md +1 -14
  17. package/de/intlayer_with_nextjs_15.md +1 -14
  18. package/de/intlayer_with_nextjs_page_router.md +1 -13
  19. package/de/intlayer_with_nuxt.md +791 -0
  20. package/de/intlayer_with_react_native+expo.md +6 -3
  21. package/de/intlayer_with_vite+preact.md +7 -18
  22. package/de/intlayer_with_vite+react.md +7 -17
  23. package/de/intlayer_with_vite+vue.md +84 -62
  24. package/de/packages/nuxt-intlayer/index.md +29 -0
  25. package/de/roadmap.md +11 -11
  26. package/en/autoFill.md +1 -2
  27. package/en/how_works_intlayer.md +17 -3
  28. package/en/intlayer_with_angular.md +535 -6
  29. package/en/intlayer_with_create_react_app.md +1 -14
  30. package/en/intlayer_with_nextjs_14.md +193 -59
  31. package/en/intlayer_with_nextjs_15.md +192 -61
  32. package/en/intlayer_with_nextjs_page_router.md +396 -61
  33. package/en/intlayer_with_nuxt.md +737 -0
  34. package/en/intlayer_with_react_native+expo.md +6 -3
  35. package/en/intlayer_with_vite+preact.md +8 -27
  36. package/en/intlayer_with_vite+react.md +7 -17
  37. package/en/intlayer_with_vite+solid.md +6 -3
  38. package/en/intlayer_with_vite+svelte.md +6 -3
  39. package/en/intlayer_with_vite+vue.md +17 -6
  40. package/en/packages/nuxt-intlayer/index.md +31 -0
  41. package/en/roadmap.md +13 -13
  42. package/en/t.md +5 -5
  43. package/en-GB/how_works_intlayer.md +16 -4
  44. package/en-GB/intlayer_with_create_react_app.md +1 -14
  45. package/en-GB/intlayer_with_nextjs_14.md +1 -14
  46. package/en-GB/intlayer_with_nextjs_15.md +1 -14
  47. package/en-GB/intlayer_with_nextjs_page_router.md +1 -13
  48. package/en-GB/intlayer_with_nuxt.md +795 -0
  49. package/en-GB/intlayer_with_react_native+expo.md +6 -3
  50. package/en-GB/intlayer_with_vite+preact.md +7 -18
  51. package/en-GB/intlayer_with_vite+react.md +6 -9
  52. package/en-GB/intlayer_with_vite+vue.md +65 -59
  53. package/en-GB/packages/nuxt-intlayer/index.md +31 -0
  54. package/en-GB/roadmap.md +11 -11
  55. package/es/autoFill.md +1 -2
  56. package/es/how_works_intlayer.md +1 -1
  57. package/es/intlayer_with_create_react_app.md +1 -14
  58. package/es/intlayer_with_nextjs_14.md +1 -14
  59. package/es/intlayer_with_nextjs_15.md +1 -14
  60. package/es/intlayer_with_nextjs_page_router.md +1 -13
  61. package/es/intlayer_with_nuxt.md +731 -0
  62. package/es/intlayer_with_react_native+expo.md +6 -3
  63. package/es/intlayer_with_vite+preact.md +7 -18
  64. package/es/intlayer_with_vite+react.md +7 -17
  65. package/es/intlayer_with_vite+vue.md +64 -51
  66. package/es/packages/nuxt-intlayer/index.md +29 -0
  67. package/fr/autoFill.md +1 -2
  68. package/fr/how_works_intlayer.md +1 -1
  69. package/fr/intlayer_with_create_react_app.md +1 -14
  70. package/fr/intlayer_with_nextjs_14.md +1 -14
  71. package/fr/intlayer_with_nextjs_15.md +1 -14
  72. package/fr/intlayer_with_nextjs_page_router.md +1 -13
  73. package/fr/intlayer_with_nuxt.md +731 -0
  74. package/fr/intlayer_with_react_native+expo.md +6 -3
  75. package/fr/intlayer_with_vite+preact.md +7 -18
  76. package/fr/intlayer_with_vite+react.md +7 -17
  77. package/fr/intlayer_with_vite+vue.md +30 -15
  78. package/fr/packages/nuxt-intlayer/index.md +29 -0
  79. package/fr/roadmap.md +11 -11
  80. package/hi/autoFill.md +1 -2
  81. package/hi/how_works_intlayer.md +1 -1
  82. package/hi/intlayer_with_create_react_app.md +1 -14
  83. package/hi/intlayer_with_nextjs_14.md +1 -14
  84. package/hi/intlayer_with_nextjs_15.md +1 -14
  85. package/hi/intlayer_with_nextjs_page_router.md +1 -13
  86. package/hi/intlayer_with_nuxt.md +784 -0
  87. package/hi/intlayer_with_react_native+expo.md +6 -3
  88. package/hi/intlayer_with_vite+preact.md +7 -18
  89. package/hi/intlayer_with_vite+react.md +7 -17
  90. package/hi/intlayer_with_vite+vue.md +59 -47
  91. package/hi/packages/nuxt-intlayer/index.md +29 -0
  92. package/hi/roadmap.md +11 -11
  93. package/index.cjs +30 -0
  94. package/index.d.ts +2 -0
  95. package/it/autoFill.md +1 -2
  96. package/it/how_works_intlayer.md +1 -1
  97. package/it/intlayer_with_create_react_app.md +0 -6
  98. package/it/intlayer_with_nextjs_14.md +1 -14
  99. package/it/intlayer_with_nextjs_15.md +1 -14
  100. package/it/intlayer_with_nextjs_page_router.md +1 -13
  101. package/it/intlayer_with_nuxt.md +793 -0
  102. package/it/intlayer_with_react_native+expo.md +6 -3
  103. package/it/intlayer_with_vite+preact.md +7 -18
  104. package/it/intlayer_with_vite+react.md +7 -17
  105. package/it/intlayer_with_vite+vue.md +26 -17
  106. package/it/packages/nuxt-intlayer/index.md +29 -0
  107. package/it/roadmap.md +11 -11
  108. package/ja/autoFill.md +1 -2
  109. package/ja/how_works_intlayer.md +1 -1
  110. package/ja/intlayer_with_create_react_app.md +1 -14
  111. package/ja/intlayer_with_nextjs_14.md +1 -14
  112. package/ja/intlayer_with_nextjs_15.md +1 -14
  113. package/ja/intlayer_with_nextjs_page_router.md +1 -13
  114. package/ja/intlayer_with_nuxt.md +792 -0
  115. package/ja/intlayer_with_react_native+expo.md +6 -3
  116. package/ja/intlayer_with_vite+preact.md +7 -18
  117. package/ja/intlayer_with_vite+react.md +7 -17
  118. package/ja/intlayer_with_vite+vue.md +68 -63
  119. package/ja/packages/nuxt-intlayer/index.md +29 -0
  120. package/ja/roadmap.md +11 -11
  121. package/ko/autoFill.md +1 -2
  122. package/ko/how_works_intlayer.md +1 -1
  123. package/ko/intlayer_with_create_react_app.md +1 -14
  124. package/ko/intlayer_with_nextjs_14.md +1 -14
  125. package/ko/intlayer_with_nextjs_15.md +1 -14
  126. package/ko/intlayer_with_nextjs_page_router.md +1 -13
  127. package/ko/intlayer_with_nuxt.md +784 -0
  128. package/ko/intlayer_with_react_native+expo.md +6 -3
  129. package/ko/intlayer_with_vite+preact.md +7 -18
  130. package/ko/intlayer_with_vite+react.md +7 -17
  131. package/ko/intlayer_with_vite+vue.md +69 -59
  132. package/ko/packages/nuxt-intlayer/index.md +31 -0
  133. package/ko/roadmap.md +11 -11
  134. package/package.json +4 -4
  135. package/pt/autoFill.md +1 -2
  136. package/pt/how_works_intlayer.md +1 -1
  137. package/pt/intlayer_with_create_react_app.md +1 -14
  138. package/pt/intlayer_with_nextjs_14.md +1 -14
  139. package/pt/intlayer_with_nextjs_15.md +1 -14
  140. package/pt/intlayer_with_nextjs_page_router.md +1 -13
  141. package/pt/intlayer_with_nuxt.md +792 -0
  142. package/pt/intlayer_with_react_native+expo.md +6 -3
  143. package/pt/intlayer_with_vite+preact.md +7 -18
  144. package/pt/intlayer_with_vite+react.md +7 -17
  145. package/pt/intlayer_with_vite+vue.md +23 -19
  146. package/pt/packages/nuxt-intlayer/index.md +29 -0
  147. package/pt/roadmap.md +11 -11
  148. package/ru/autoFill.md +1 -2
  149. package/ru/how_works_intlayer.md +1 -1
  150. package/ru/intlayer_with_create_react_app.md +1 -14
  151. package/ru/intlayer_with_nextjs_14.md +1 -14
  152. package/ru/intlayer_with_nextjs_15.md +1 -14
  153. package/ru/intlayer_with_nextjs_page_router.md +1 -13
  154. package/ru/intlayer_with_nuxt.md +792 -0
  155. package/ru/intlayer_with_react_native+expo.md +6 -3
  156. package/ru/intlayer_with_vite+preact.md +7 -18
  157. package/ru/intlayer_with_vite+react.md +7 -17
  158. package/ru/intlayer_with_vite+vue.md +25 -17
  159. package/ru/packages/nuxt-intlayer/index.md +31 -0
  160. package/ru/roadmap.md +11 -11
  161. package/zh/autoFill.md +1 -2
  162. package/zh/intlayer_with_create_react_app.md +1 -14
  163. package/zh/intlayer_with_nextjs_14.md +1 -14
  164. package/zh/intlayer_with_nextjs_15.md +1 -14
  165. package/zh/intlayer_with_nextjs_page_router.md +1 -13
  166. package/zh/intlayer_with_nuxt.md +784 -0
  167. package/zh/intlayer_with_react_native+expo.md +6 -3
  168. package/zh/intlayer_with_vite+preact.md +7 -18
  169. package/zh/intlayer_with_vite+react.md +7 -17
  170. package/zh/intlayer_with_vite+vue.md +68 -57
  171. package/zh/packages/nuxt-intlayer/index.md +31 -0
  172. package/zh/roadmap.md +11 -11
@@ -18,15 +18,18 @@ Intlayer를 사용하면 다음을 수행할 수 있습니다:
18
18
  React Native 프로젝트에서 다음 패키지를 설치하세요:
19
19
 
20
20
  ```bash packageManager="npm"
21
- npm install intlayer react-intlayer react-native-intlayer
21
+ npm install intlayer react-intlayer
22
+ npm install --save-dev react-native-intlayer
22
23
  ```
23
24
 
24
25
  ```bash packageManager="pnpm"
25
- pnpm add intlayer react-intlayer react-native-intlayer
26
+ pnpm add intlayer react-intlayer
27
+ pnpm add --save-dev react-native-intlayer
26
28
  ```
27
29
 
28
30
  ```bash packageManager="yarn"
29
- yarn add intlayer react-intlayer react-native-intlayer
31
+ yarn add intlayer react-intlayer
32
+ yarn add --save-dev react-native-intlayer
30
33
  ```
31
34
 
32
35
  ### 패키지
@@ -24,15 +24,18 @@ Intlayer를 사용하면 다음을 수행할 수 있습니다:
24
24
  npm을 사용하여 필요한 패키지를 설치하세요:
25
25
 
26
26
  ```bash packageManager="npm"
27
- npm install intlayer preact-intlayer vite-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 vite-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 vite-intlayer
37
+ yarn add intlayer preact-intlayer
38
+ yarn add --save-dev vite-intlayer
36
39
  ```
37
40
 
38
41
  - **intlayer**
@@ -514,13 +517,7 @@ module.exports = App;
514
517
  > `alt`, `title`, `href`, `aria-label` 등과 같은 `string` 속성에서 콘텐츠를 사용하려면 함수의 값을 호출해야 합니다:
515
518
 
516
519
  > ```jsx
517
- >
518
- > ```
519
-
520
520
  > <img src={content.image.src.value} alt={content.image.value} />
521
-
522
- > ```
523
- >
524
521
  > ```
525
522
 
526
523
  > 참고: Preact에서는 `className` 대신 일반적으로 `class`를 사용합니다.
@@ -1257,23 +1254,15 @@ module.exports = LocaleSwitcher;
1257
1254
  ```
1258
1255
 
1259
1256
  > 문서 참조:
1260
-
1257
+ >
1261
1258
  > - [`useLocale` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/react-intlayer/useLocale.md) (`preact-intlayer`와 API 유사)
1262
-
1263
1259
  > - [`getLocaleName` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/intlayer/getLocaleName.md)
1264
-
1265
1260
  > - [`getLocalizedUrl` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/intlayer/getLocalizedUrl.md)
1266
-
1267
1261
  > - [`getHTMLTextDir` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/intlayer/getHTMLTextDir.md)
1268
-
1269
1262
  > - [`hreflang` 속성](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=ko)
1270
-
1271
1263
  > - [`lang` 속성](https://developer.mozilla.org/ko/docs/Web/HTML/Global_attributes/lang)
1272
-
1273
1264
  > - [`dir` 속성](https://developer.mozilla.org/ko/docs/Web/HTML/Global_attributes/dir)
1274
-
1275
1265
  > - [`aria-current` 속성](https://developer.mozilla.org/ko/docs/Web/Accessibility/ARIA/Attributes/aria-current)
1276
-
1277
1266
  > - [Popover API](https://developer.mozilla.org/ko/docs/Web/API/Popover_API)
1278
1267
 
1279
1268
  ---
@@ -24,15 +24,18 @@ Intlayer를 사용하면 다음을 수행할 수 있습니다:
24
24
  npm을 사용하여 필요한 패키지를 설치합니다:
25
25
 
26
26
  ```bash packageManager="npm"
27
- npm install intlayer react-intlayer vite-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 vite-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 vite-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
  > `alt`, `title`, `href`, `aria-label` 등과 같은 `string` 속성에서 콘텐츠를 사용하려면, 함수의 값을 호출해야 합니다:
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/ko/packages/react-intlayer/useIntlayer.md)를 참조하세요.
@@ -1212,21 +1209,14 @@ const LocaleSwitcher = () => {
1212
1209
  ```
1213
1210
 
1214
1211
  > 문서 참조:
1215
-
1212
+ >
1216
1213
  > - [`useLocale` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/react-intlayer/useLocale.md)
1217
-
1218
1214
  > - [`getLocaleName` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/intlayer/getLocaleName.md)
1219
-
1220
1215
  > - [`getLocalizedUrl` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/intlayer/getLocalizedUrl.md)
1221
-
1222
1216
  > - [`getHTMLTextDir` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/intlayer/getHTMLTextDir.md)
1223
-
1224
1217
  > - [`hrefLang` 속성](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
1225
-
1226
1218
  > - [`lang` 속성](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
1227
-
1228
1219
  > - [`dir` 속성](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
1229
-
1230
1220
  > - [`aria-current` 속성](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
1231
1221
 
1232
1222
  ---
@@ -24,15 +24,18 @@ Intlayer를 사용하면 다음을 수행할 수 있습니다:
24
24
  npm을 사용하여 필요한 패키지를 설치합니다:
25
25
 
26
26
  ```bash packageManager="npm"
27
- npm install intlayer vue-intlayer vite-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 vite-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 vite-intlayer
37
+ yarn add intlayer vue-intlayer
38
+ yarn add --save-dev vite-intlayer
36
39
  ```
37
40
 
38
41
  - **intlayer**
@@ -259,52 +262,60 @@ const helloWorldContent = {
259
262
  export default helloWorldContent;
260
263
  ```
261
264
 
262
- ---
263
-
265
+ ```javascript fileName="src/helloWorld.content.cjs" contentDeclarationFormat="commonjs"
264
266
  const { t } = require("intlayer");
265
267
 
266
- /\*_ @type {import('intlayer').Dictionary} _/
268
+ /** @type {import('intlayer').Dictionary} */
267
269
  const appContent = {
268
- key: "helloworld",
269
- content: {
270
- count: t({ ko: "카운트는 ", en: "count is ", fr: "le compte est ", es: "el recuento es " }),
271
- edit: t({
272
- ko: "<code>components/HelloWorld.vue</code>를 편집하고 저장하여 HMR을 테스트하세요",
273
- en: "Edit <code>components/HelloWorld.vue</code> and save to test HMR",
274
- fr: "Éditez <code>components/HelloWorld.vue</code> et enregistrez pour tester HMR",
275
- es: "Edita <code>components/HelloWorld.vue</code> y guarda para probar HMR",
276
- }),
277
- checkOut: t({ ko: "확인하세요 ", en: "Check out ", fr: "Vérifiez ", es: "Compruebe " }),
278
- officialStarter: t({
279
- ko: "공식 Vue + Vite 스타터",
280
- en: "the official Vue + Vite starter",
281
- fr: "le starter officiel Vue + Vite",
282
- es: "el starter oficial Vue + Vite",
283
- }),
284
- learnMore: t({
285
- ko: "Vue에 대한 IDE 지원에 대해 자세히 알아보세요 ",
286
- en: "Learn more about IDE Support for Vue in the ",
287
- fr: "En savoir plus sur le support IDE pour Vue dans le ",
288
- es: "Aprenda más sobre el soporte IDE para Vue en el ",
289
- }),
290
- vueDocs: t({
291
- ko: "Vue 문서 확장 가이드",
292
- en: "Vue Docs Scaling up Guide",
293
- fr: "Vue Docs Scaling up Guide",
294
- es: "Vue Docs Scaling up Guide",
295
- }),
296
- readTheDocs: t({
297
- ko: "Vite와 Vue 로고를 클릭하여 자세히 알아보세요",
298
- en: "Click on the Vite and Vue logos to learn more",
299
- fr: "Cliquez sur les logos Vite et Vue pour en savoir plus",
300
- es: "Haga clic en los logotipos de Vite y Vue para obtener más información",
301
- }),
302
- },
270
+ key: "helloworld",
271
+ content: {
272
+ count: t({
273
+ ko: "카운트는 ",
274
+ en: "count is ",
275
+ fr: "le compte est ",
276
+ es: "el recuento es ",
277
+ }),
278
+ edit: t({
279
+ ko: "<code>components/HelloWorld.vue</code>를 편집하고 저장하여 HMR을 테스트하세요",
280
+ en: "Edit <code>components/HelloWorld.vue</code> and save to test HMR",
281
+ fr: "Éditez <code>components/HelloWorld.vue</code> et enregistrez pour tester HMR",
282
+ es: "Edita <code>components/HelloWorld.vue</code> y guarda para probar HMR",
283
+ }),
284
+ checkOut: t({
285
+ ko: "확인하세요 ",
286
+ en: "Check out ",
287
+ fr: "Vérifiez ",
288
+ es: "Compruebe ",
289
+ }),
290
+ officialStarter: t({
291
+ ko: "공식 Vue + Vite 스타터",
292
+ en: "the official Vue + Vite starter",
293
+ fr: "le starter officiel Vue + Vite",
294
+ es: "el starter oficial Vue + Vite",
295
+ }),
296
+ learnMore: t({
297
+ ko: "Vue에 대한 IDE 지원에 대해 자세히 알아보세요 ",
298
+ en: "Learn more about IDE Support for Vue in the ",
299
+ fr: "En savoir plus sur le support IDE pour Vue dans le ",
300
+ es: "Aprenda más sobre el soporte IDE para Vue en el ",
301
+ }),
302
+ vueDocs: t({
303
+ ko: "Vue 문서 확장 가이드",
304
+ en: "Vue Docs Scaling up Guide",
305
+ fr: "Vue Docs Scaling up Guide",
306
+ es: "Vue Docs Scaling up Guide",
307
+ }),
308
+ readTheDocs: t({
309
+ ko: "Vite와 Vue 로고를 클릭하여 자세히 알아보세요",
310
+ en: "Click on the Vite and Vue logos to learn more",
311
+ fr: "Cliquez sur les logos Vite et Vue pour en savoir plus",
312
+ es: "Haga clic en los logotipos de Vite y Vue para obtener más información",
313
+ }),
314
+ },
303
315
  };
304
316
 
305
317
  module.exports = appContent;
306
-
307
- ````
318
+ ```
308
319
 
309
320
  ```json fileName="src/helloWorld.content.json" contentDeclarationFormat="json"
310
321
  {
@@ -376,7 +387,7 @@ module.exports = appContent;
376
387
  }
377
388
  }
378
389
  }
379
- ````
390
+ ```
380
391
 
381
392
  > 콘텐츠 선언은 애플리케이션의 `contentDir` 디렉토리(기본값: `./src`)에 포함되고 콘텐츠 선언 파일 확장자(기본값: `.content.{json,ts,tsx,js,jsx,mjs,mjx,cjs,cjx}`)와 일치하는 한 어디에나 정의할 수 있습니다.
382
393
 
@@ -444,23 +455,23 @@ const count = ref(0);
444
455
  </template>
445
456
  ```
446
457
 
447
- > 콘텐츠를 `alt`, `title`, `href`, `aria-label` 속성에서 사용하려면 `.value`를 사용하여 함수 값을 호출해야 합니다:
448
-
449
- > ```html
450
- >
451
- > ```
458
+ #### Intlayer에서 콘텐츠에 액세스하기 Intlayer는 콘텐츠에 액세스하기 위한 다양한
452
459
 
453
- > <img src="./logo.svg" :alt="content.image.value" />
460
+ API를 제공합니다.
454
461
 
455
- > ```
456
- >
457
- > ```
462
+ - **컴포넌트 기반 구문**(권장): `<myContent />` 또는 `<Component :is="myContent" />` 구문을 사용하여 콘텐츠를 Intlayer 노드로 렌더링합니다. 이는 [비주얼
463
+ 에디터](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_visual_editor.md) 및 [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_CMS.md)와
464
+ 원활하게 통합됩니다.
465
+ - **문자열 기반 구문**: `{{ myContent }}`를 사용하여 비주얼 에디터 지원 없이 콘텐츠를 일반 텍스트로 렌더링합니다.
466
+ - **원시 HTML 구문**: `<div v-html="myContent" />`를 사용하여 비주얼 에디터 지원 없이 콘텐츠를 원시 HTML로 렌더링합니다.
467
+ - **구조 분해 구문**: `useIntlayer` 컴포저블은 콘텐츠와 함께 프록시를 반환합니다. 이
468
+ 프록시는 반응성을 유지하면서 콘텐츠에 액세스하기 위해 구조 분해할 수 있습니다.
469
+ - `const content = useIntlayer("myContent");` 및 `{{ content.myContent }}` / `<content.myContent />`를 사용합니다.
470
+ - 또는 `const { myContent } = useIntlayer("myContent");` 및 `{{ myContent }}` / `<myContent />`를 사용하여 콘텐츠를 구조 분해합니다. ### (선택 사항) 6단계: 콘텐츠 언어 변경
458
471
 
459
- ### (선택 사항) 6단계: 콘텐츠 언어 변경하기
460
-
461
- 콘텐츠 언어를 변경하려면 `useLocale` 컴포저블에서 제공하는 `setLocale` 함수를 사용할 수 있습니다. 함수는 애플리케이션의 로케일을 설정하고 콘텐츠를 업데이트합니다.
462
-
463
- 언어를 전환하는 구성 요소를 생성하세요:
472
+ 콘텐츠의 언어를 변경하려면 `useLocale` 컴포저블에서 제공하는 `setLocale` 함수를
473
+ 사용할 수 있습니다. 이 함수를 사용하면 애플리케이션의 로케일을 설정하고 그에
474
+ 따라 콘텐츠를 업데이트할 수 있습니다. 언어를 전환하는 구성 요소를 생성하세요:
464
475
 
465
476
  ```vue fileName="src/components/LocaleSwitcher.vue"
466
477
  <template>
@@ -531,7 +542,6 @@ Vue 애플리케이션에서 로컬화된 라우팅을 추가하려면 일반적
531
542
 
532
543
  ```plaintext
533
544
  - https://example.com/about
534
-
535
545
  - https://example.com/ko/about
536
546
  - https://example.com/fr/about
537
547
  ```
@@ -0,0 +1,31 @@
1
+ # nuxt-intlayer: Vue 애플리케이션을 국제화(i18n)하기 위한 NPM 패키지
2
+
3
+ **Intlayer**는 JavaScript 개발자를 위해 설계된 패키지 모음입니다. Vue, Vue 및 Express.js와 같은 프레임워크와 호환됩니다.
4
+
5
+ **`nuxt-intlayer` 패키지**는 Vue 애플리케이션을 국제화할 수 있도록 합니다. Vue 국제화를 위한 컨텍스트 제공자와 훅을 제공합니다.
6
+
7
+ ## 왜 Vue 애플리케이션을 국제화해야 하나요?
8
+
9
+ Vue 애플리케이션을 국제화하는 것은 글로벌 사용자에게 효과적으로 서비스를 제공하기 위해 필수적입니다. 이를 통해 애플리케이션이 각 사용자의 선호 언어로 콘텐츠와 메시지를 전달할 수 있습니다. 이러한 기능은 사용자 경험을 향상시키고 애플리케이션을 다양한 언어적 배경을 가진 사람들에게 더 접근 가능하고 관련성 있게 만들어 애플리케이션의 도달 범위를 넓힙니다.
10
+
11
+ ## 왜 Intlayer를 통합해야 하나요?
12
+
13
+ - **JavaScript 기반 콘텐츠 관리**: JavaScript의 유연성을 활용하여 콘텐츠를 효율적으로 정의하고 관리하세요.
14
+ - **타입 안전 환경**: TypeScript를 활용하여 모든 콘텐츠 정의가 정확하고 오류가 없도록 보장하세요.
15
+ - **통합된 콘텐츠 파일**: 번역을 관련 컴포넌트와 가까이 유지하여 유지 관리성과 명확성을 향상시키세요.
16
+
17
+ ## 설치
18
+
19
+ 선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
20
+
21
+ ```bash packageManager="npm"
22
+ npm install nuxt-intlayer
23
+ ```
24
+
25
+ ```bash packageManager="yarn"
26
+ yarn add nuxt-intlayer
27
+ ```
28
+
29
+ ```bash packageManager="pnpm"
30
+ pnpm add nuxt-intlayer
31
+ ```
package/ko/roadmap.md CHANGED
@@ -14,7 +14,7 @@ Intlayer는 애플리케이션 전반에서 콘텐츠를 선언, 관리 및 업
14
14
  - **분산형**: 또는 콘텐츠를 컴포넌트나 기능 수준에서 별도의 파일로 나누어 유지 관리성을 향상시킬 수 있습니다. 이를 통해 관련 코드(컴포넌트, 테스트, Storybook 등)와 가까운 위치에 콘텐츠를 유지할 수 있습니다. 컴포넌트를 제거하면 관련 콘텐츠도 제거되어 코드베이스에 남아 있는 데이터를 방지합니다.
15
15
 
16
16
  > 리소스:
17
-
17
+ >
18
18
  > - [콘텐츠 선언](https://github.com/aymericzip/intlayer/blob/main/docs/ko/dictionary/get_started.md)
19
19
 
20
20
  ### 2. 국제화
@@ -23,7 +23,7 @@ Intlayer는 애플리케이션 전반에서 콘텐츠를 선언, 관리 및 업
23
23
  - 한 곳에서 이러한 모든 로케일의 번역을 쉽게 관리할 수 있습니다.
24
24
 
25
25
  > 리소스:
26
-
26
+ >
27
27
  > - [국제화](https://github.com/aymericzip/intlayer/blob/main/docs/ko/dictionary/translation.md)
28
28
 
29
29
  ### 3. Markdown 지원
@@ -32,7 +32,7 @@ Intlayer는 애플리케이션 전반에서 콘텐츠를 선언, 관리 및 업
32
32
  - 블로그 게시물, 기사, 문서 페이지 또는 리치 텍스트 서식이 필요한 모든 시나리오에 이상적입니다.
33
33
 
34
34
  > 리소스:
35
-
35
+ >
36
36
  > - [Markdown](https://github.com/aymericzip/intlayer/blob/main/docs/ko/dictionary/markdown.md)
37
37
 
38
38
  ### 4. 조건부 렌더링
@@ -41,7 +41,7 @@ Intlayer는 애플리케이션 전반에서 콘텐츠를 선언, 관리 및 업
41
41
  - 여러 파일에 콘텐츠를 중복하지 않고 개인화된 경험을 제공합니다.
42
42
 
43
43
  > 리소스:
44
-
44
+ >
45
45
  > - [조건부 렌더링](https://github.com/aymericzip/intlayer/blob/main/docs/ko/dictionary/condition.md)
46
46
 
47
47
  ### 5. 콘텐츠 선언 형식
@@ -86,7 +86,7 @@ Intlayer는 콘텐츠 선언을 위해 **TypeScript**(JavaScript도 포함) 및
86
86
  - 새로운 Next.js Turbopack뿐만 아니라 기존 Webpack과도 완벽히 호환됩니다.
87
87
 
88
88
  > 리소스:
89
-
89
+ >
90
90
  > - [Next.js](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_with_nextjs_15.md)
91
91
 
92
92
  ### 2. Vite
@@ -94,7 +94,7 @@ Intlayer는 콘텐츠 선언을 위해 **TypeScript**(JavaScript도 포함) 및
94
94
  - Next.js와 유사하게 Intlayer를 Vite와 통합하고 사용자의 선호 언어에 따라 콘텐츠로 리디렉션하는 **미들웨어**를 사용할 수 있습니다.
95
95
 
96
96
  > 리소스:
97
-
97
+ >
98
98
  > - [Vite](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_with_vite+react.md)
99
99
 
100
100
  ### 3. Express
@@ -103,7 +103,7 @@ Intlayer는 콘텐츠 선언을 위해 **TypeScript**(JavaScript도 포함) 및
103
103
  - 이메일, 오류 메시지, 푸시 알림 등을 로컬라이즈된 텍스트로 개인화합니다.
104
104
 
105
105
  > 리소스:
106
-
106
+ >
107
107
  > - [Express](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_with_express.md)
108
108
 
109
109
  ---
@@ -120,7 +120,7 @@ Intlayer는 콘텐츠 선언을 위해 **TypeScript**(JavaScript도 포함) 및
120
120
  - 로컬에서 호스팅하거나 원격 서버에 배포할 수 있습니다.
121
121
 
122
122
  > 리소스:
123
-
123
+ >
124
124
  > - [시각적 편집기](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_visual_editor.md)
125
125
 
126
126
  ### 2. Intlayer CMS (원격)
@@ -130,7 +130,7 @@ Intlayer는 콘텐츠 선언을 위해 **TypeScript**(JavaScript도 포함) 및
130
130
  - 라이브 애플리케이션 인터페이스를 통해 콘텐츠와 상호작용합니다.
131
131
 
132
132
  > 리소스:
133
-
133
+ >
134
134
  > - [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_CMS.md)
135
135
 
136
136
  ---
@@ -142,7 +142,7 @@ Intlayer는 콘텐츠 선언을 위해 **TypeScript**(JavaScript도 포함) 및
142
142
  - **CI/CD 파이프라인**에 유용하며 콘텐츠가 항상 코드와 동기화되도록 보장합니다.
143
143
 
144
144
  > 리소스:
145
-
145
+ >
146
146
  > - [CLI](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_cli.md)
147
147
 
148
148
  ---
@@ -159,7 +159,7 @@ Intlayer는 콘텐츠 선언을 위해 **TypeScript**(JavaScript도 포함) 및
159
159
  - 원격 사전 및 Intlayer CMS를 사용할 때 애플리케이션의 콘텐츠를 **실시간으로 업데이트**할 수 있으며, 재배포가 필요하지 않습니다.
160
160
 
161
161
  > 리소스:
162
-
162
+ >
163
163
  > - [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_CMS.md)
164
164
 
165
165
  ---
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@intlayer/docs",
3
- "version": "5.5.8",
3
+ "version": "5.5.10",
4
4
  "private": false,
5
5
  "description": "Intlayer documentation",
6
6
  "keywords": [
@@ -58,7 +58,7 @@
58
58
  "zh/*"
59
59
  ],
60
60
  "dependencies": {
61
- "@intlayer/config": "5.5.8"
61
+ "@intlayer/config": "5.5.10"
62
62
  },
63
63
  "devDependencies": {
64
64
  "@types/node": "^22.15.30",
@@ -74,9 +74,9 @@
74
74
  "tsup": "^8.5.0",
75
75
  "tsx": "^4.19.4",
76
76
  "typescript": "^5.8.3",
77
- "@intlayer/core": "5.5.8",
78
- "@utils/ts-config-types": "1.0.4",
79
77
  "@utils/tsup-config": "1.0.4",
78
+ "@intlayer/core": "5.5.10",
79
+ "@utils/ts-config-types": "1.0.4",
80
80
  "@utils/ts-config": "1.0.4"
81
81
  },
82
82
  "engines": {
package/pt/autoFill.md CHANGED
@@ -67,9 +67,8 @@ src/components/example/example.filled.content.ts
67
67
  ```
68
68
 
69
69
  > A geração de arquivos `.js`, `.ts` e similares funciona da seguinte maneira:
70
-
70
+ >
71
71
  > - Se o arquivo já existir, o Intlayer o analisará usando o AST (Árvore de Sintaxe Abstrata) para localizar cada campo e inserir as traduções faltantes.
72
-
73
72
  > - Se o arquivo não existir, o Intlayer o gerará usando o modelo padrão para arquivos de declaração de conteúdo.
74
73
 
75
74
  ## Caminhos Absolutos
@@ -195,7 +195,7 @@ O pacote `@intlayer/editor-react` fornece estados, contextos, hooks e componente
195
195
 
196
196
  O pacote `@intlayer/babel` fornece ferramentas que otimizam o empacotamento de dicionários para aplicações baseadas em Vite e Webpack.
197
197
 
198
- ### @intlayer/swc (WIP)
198
+ ### @intlayer/swc
199
199
 
200
200
  O pacote `@intlayer/swc` fornece ferramentas que otimizam o empacotamento de dicionários para aplicações Next.js.
201
201
 
@@ -335,13 +335,7 @@ const App = () => (
335
335
  > Nota: Se você quiser usar seu conteúdo em um atributo `string`, como `alt`, `title`, `href`, `aria-label`, etc., você deve chamar o valor da função, como:
336
336
 
337
337
  > ```jsx
338
- >
339
- > ```
340
-
341
338
  > <img src={content.image.src.value} alt={content.image.value} />
342
-
343
- > ```
344
- >
345
339
  > ```
346
340
 
347
341
  > Para saber mais sobre o hook `useIntlayer`, consulte a [documentação](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/react-intlayer/useIntlayer.md).
@@ -985,21 +979,14 @@ const LocaleSwitcher = () => {
985
979
  ```
986
980
 
987
981
  > Referências da documentação:
988
-
982
+ >
989
983
  > - [Hook `useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/react-intlayer/useLocale.md)
990
-
991
984
  > - [Hook `getLocaleName`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocaleName.md)
992
-
993
985
  > - [Hook `getLocalizedUrl`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocalizedUrl.md)
994
-
995
986
  > - [Hook `getHTMLTextDir`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getHTMLTextDir.md)
996
-
997
987
  > - [Atributo `hrefLang`](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
998
-
999
988
  > - [Atributo `lang`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
1000
-
1001
989
  > - [Atributo `dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
1002
-
1003
990
  > - [Atributo `aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
1004
991
 
1005
992
  ### (Opcional) Passo 9: Alterar os Atributos de Idioma e Direção do HTML
@@ -573,13 +573,7 @@ const ServerComponentExample = () => {
573
573
  > Se você quiser usar seu conteúdo em um atributo `string`, como `alt`, `title`, `href`, `aria-label`, etc., você deve chamar o valor da função, como:
574
574
 
575
575
  > ```jsx
576
- >
577
- > ```
578
-
579
576
  > <img src={content.image.src.value} alt={content.image.value} />
580
-
581
- > ```
582
- >
583
577
  > ```
584
578
 
585
579
  > Para saber mais sobre o hook `useIntlayer`, consulte a [documentação](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/next-intlayer/useIntlayer.md).
@@ -1053,21 +1047,14 @@ const LocaleSwitcher = () => {
1053
1047
  ```
1054
1048
 
1055
1049
  > Referências da documentação:
1056
-
1050
+ >
1057
1051
  > - [Hook `useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/next-intlayer/useLocale.md)
1058
-
1059
1052
  > - [Hook `getLocaleName`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocaleName.md)
1060
-
1061
1053
  > - [Hook `getLocalizedUrl`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocalizedUrl.md)
1062
-
1063
1054
  > - [Hook `getHTMLTextDir`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getHTMLTextDir.md)
1064
-
1065
1055
  > - [Atributo `hrefLang`](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
1066
-
1067
1056
  > - [Atributo `lang`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
1068
-
1069
1057
  > - [Atributo `dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
1070
-
1071
1058
  > - [Atributo `aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
1072
1059
 
1073
1060
  ### (Opcional) Passo 11: Criando um Componente de Link Localizado
@@ -587,13 +587,7 @@ const ServerComponentExample = () => {
587
587
  > Se você quiser usar seu conteúdo em um atributo `string`, como `alt`, `title`, `href`, `aria-label`, etc., você deve chamar o valor da função, como:
588
588
 
589
589
  > ```jsx
590
- >
591
- > ```
592
-
593
590
  > <img src={content.image.src.value} alt={content.image.value} />
594
-
595
- > ```
596
- >
597
591
  > ```
598
592
 
599
593
  > Para saber mais sobre o hook `useIntlayer`, consulte a [documentação](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/next-intlayer/useIntlayer.md).
@@ -1108,21 +1102,14 @@ export const LocaleSwitcher = () => {
1108
1102
  ```
1109
1103
 
1110
1104
  > Referências da documentação:
1111
-
1105
+ >
1112
1106
  > - [Hook `useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/next-intlayer/useLocale.md)
1113
-
1114
1107
  > - [Hook `getLocaleName`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocaleName.md)
1115
-
1116
1108
  > - [Hook `getLocalizedUrl`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocalizedUrl.md)
1117
-
1118
1109
  > - [Hook `getHTMLTextDir`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getHTMLTextDir.md)
1119
-
1120
1110
  > - [Atributo `hrefLang`](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
1121
-
1122
1111
  > - [Atributo `lang`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
1123
-
1124
1112
  > - [Atributo `dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
1125
-
1126
1113
  > - [Atributo `aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
1127
1114
 
1128
1115
  ### (Opcional) Passo 11: Criando um Componente de Link Localizado
@@ -550,13 +550,7 @@ const ComponentExample = () => {
550
550
  > valor da função da seguinte forma:
551
551
 
552
552
  > ```jsx
553
- >
554
- > ```
555
-
556
553
  > <img src={content.image.src.value} alt={content.image.value} />
557
-
558
- > ```
559
- >
560
554
  > ```
561
555
 
562
556
  > Para saber mais sobre o hook `useIntlayer`, consulte a [documentação](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/next-intlayer/useIntlayer.md).
@@ -889,19 +883,13 @@ const LocaleSwitcher = () => {
889
883
  > A API `useLocalePageRouter` é a mesma que `useLocale`. Para saber mais sobre o hook `useLocale`, consulte a [documentação](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/next-intlayer/useLocale.md).
890
884
 
891
885
  > Referências da documentação:
892
-
886
+ >
893
887
  > - [Hook `getLocaleName`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocaleName.md)
894
-
895
888
  > - [Hook `getLocalizedUrl`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocalizedUrl.md)
896
-
897
889
  > - [Hook `getHTMLTextDir`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getHTMLTextDir.md)
898
-
899
890
  > - [Atributo `hrefLang`](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
900
-
901
891
  > - [Atributo `lang`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
902
-
903
892
  > - [Atributo `dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
904
-
905
893
  > - [Atributo `aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
906
894
 
907
895
  ### (Opcional) Etapa 10: Criando um Componente de Link Localizado