@intlayer/docs 5.5.9 → 5.5.10

package/ko/intlayer_with_react_native+expo.md

@@ -18,15 +18,18 @@ Intlayer를 사용하면 다음을 수행할 수 있습니다:
 React Native 프로젝트에서 다음 패키지를 설치하세요:
 
 ```bash packageManager="npm"
-npm install intlayer react-intlayer react-native-intlayer
+npm install intlayer react-intlayer
+npm install --save-dev react-native-intlayer
 ```
 
 ```bash packageManager="pnpm"
-pnpm add intlayer react-intlayer react-native-intlayer
+pnpm add intlayer react-intlayer
+pnpm add --save-dev react-native-intlayer
 ```
 
 ```bash packageManager="yarn"
-yarn add intlayer react-intlayer react-native-intlayer
+yarn add intlayer react-intlayer
+yarn add --save-dev react-native-intlayer
 ```
 
 ### 패키지

package/ko/intlayer_with_vite+preact.md

@@ -24,15 +24,18 @@ Intlayer를 사용하면 다음을 수행할 수 있습니다:
 npm을 사용하여 필요한 패키지를 설치하세요:
 
 ```bash packageManager="npm"
-npm install intlayer preact-intlayer vite-intlayer
+npm install intlayer preact-intlayer
+npm install --save-dev vite-intlayer
 ```
 
 ```bash packageManager="pnpm"
-pnpm add intlayer preact-intlayer vite-intlayer
+pnpm add intlayer preact-intlayer
+pnpm add --save-dev vite-intlayer
 ```
 
 ```bash packageManager="yarn"
-yarn add intlayer preact-intlayer vite-intlayer
+yarn add intlayer preact-intlayer
+yarn add --save-dev vite-intlayer
 ```
 
 - **intlayer**
@@ -514,13 +517,7 @@ module.exports = App;
 > `alt`, `title`, `href`, `aria-label` 등과 같은 `string` 속성에서 콘텐츠를 사용하려면 함수의 값을 호출해야 합니다:
 
 > ```jsx
->
-> ```
-
 > <img src={content.image.src.value} alt={content.image.value} />
-
-> ```
->
 > ```
 
 > 참고: Preact에서는 `className` 대신 일반적으로 `class`를 사용합니다.
@@ -1257,23 +1254,15 @@ module.exports = LocaleSwitcher;
 ```
 
 > 문서 참조:
-
+>
 > - [`useLocale` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/react-intlayer/useLocale.md) (`preact-intlayer`와 API 유사)
-
 > - [`getLocaleName` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/intlayer/getLocaleName.md)
-
 > - [`getLocalizedUrl` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/intlayer/getLocalizedUrl.md)
-
 > - [`getHTMLTextDir` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/intlayer/getHTMLTextDir.md)
-
 > - [`hreflang` 속성](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=ko)
-
 > - [`lang` 속성](https://developer.mozilla.org/ko/docs/Web/HTML/Global_attributes/lang)
-
 > - [`dir` 속성](https://developer.mozilla.org/ko/docs/Web/HTML/Global_attributes/dir)
-
 > - [`aria-current` 속성](https://developer.mozilla.org/ko/docs/Web/Accessibility/ARIA/Attributes/aria-current)
-
 > - [Popover API](https://developer.mozilla.org/ko/docs/Web/API/Popover_API)
 
 ---

package/ko/intlayer_with_vite+react.md

@@ -24,15 +24,18 @@ Intlayer를 사용하면 다음을 수행할 수 있습니다:
 npm을 사용하여 필요한 패키지를 설치합니다:
 
 ```bash packageManager="npm"
-npm install intlayer react-intlayer vite-intlayer
+npm install intlayer react-intlayer
+npm install --save-dev vite-intlayer
 ```
 
 ```bash packageManager="pnpm"
-pnpm add intlayer react-intlayer vite-intlayer
+pnpm add intlayer react-intlayer
+pnpm add --save-dev vite-intlayer
 ```
 
 ```bash packageManager="yarn"
-yarn add intlayer react-intlayer vite-intlayer
+yarn add intlayer react-intlayer
+yarn add --save-dev vite-intlayer
 ```
 
 - **intlayer**
@@ -528,13 +531,7 @@ module.exports = App;
 > `alt`, `title`, `href`, `aria-label` 등과 같은 `string` 속성에서 콘텐츠를 사용하려면, 함수의 값을 호출해야 합니다:
 
 > ```jsx
->
-> ```
-
 > <img src={content.image.src.value} alt={content.image.value} />
-
-> ```
->
 > ```
 
 > `useIntlayer` 훅에 대해 더 알아보려면 [문서](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/react-intlayer/useIntlayer.md)를 참조하세요.
@@ -1212,21 +1209,14 @@ const LocaleSwitcher = () => {
 ```
 
 > 문서 참조:
-
+>
 > - [`useLocale` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/react-intlayer/useLocale.md)
-
 > - [`getLocaleName` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/intlayer/getLocaleName.md)
-
 > - [`getLocalizedUrl` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/intlayer/getLocalizedUrl.md)
-
 > - [`getHTMLTextDir` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/intlayer/getHTMLTextDir.md)
-
 > - [`hrefLang` 속성](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
-
 > - [`lang` 속성](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
-
 > - [`dir` 속성](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
-
 > - [`aria-current` 속성](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
 
 ---

package/ko/intlayer_with_vite+vue.md

@@ -24,15 +24,18 @@ Intlayer를 사용하면 다음을 수행할 수 있습니다:
 npm을 사용하여 필요한 패키지를 설치합니다:
 
 ```bash packageManager="npm"
-npm install intlayer vue-intlayer vite-intlayer
+npm install intlayer vue-intlayer
+npm install --save-dev vite-intlayer
 ```
 
 ```bash packageManager="pnpm"
-pnpm add intlayer vue-intlayer vite-intlayer
+pnpm add intlayer vue-intlayer
+pnpm add --save-dev vite-intlayer
 ```
 
 ```bash packageManager="yarn"
-yarn add intlayer vue-intlayer vite-intlayer
+yarn add intlayer vue-intlayer
+yarn add --save-dev vite-intlayer
 ```
 
 - **intlayer**
@@ -259,52 +262,60 @@ const helloWorldContent = {
 export default helloWorldContent;
 ```
 
----
-
+```javascript fileName="src/helloWorld.content.cjs" contentDeclarationFormat="commonjs"
 const { t } = require("intlayer");
 
-/\*_ @type {import('intlayer').Dictionary} _/
+/** @type {import('intlayer').Dictionary} */
 const appContent = {
-key: "helloworld",
-content: {
-count: t({ ko: "카운트는 ", en: "count is ", fr: "le compte est ", es: "el recuento es " }),
-edit: t({
-ko: "<code>components/HelloWorld.vue</code>를 편집하고 저장하여 HMR을 테스트하세요",
-en: "Edit <code>components/HelloWorld.vue</code> and save to test HMR",
-fr: "Éditez <code>components/HelloWorld.vue</code> et enregistrez pour tester HMR",
-es: "Edita <code>components/HelloWorld.vue</code> y guarda para probar HMR",
-}),
-checkOut: t({ ko: "확인하세요 ", en: "Check out ", fr: "Vérifiez ", es: "Compruebe " }),
-officialStarter: t({
-ko: "공식 Vue + Vite 스타터",
-en: "the official Vue + Vite starter",
-fr: "le starter officiel Vue + Vite",
-es: "el starter oficial Vue + Vite",
-}),
-learnMore: t({
-ko: "Vue에 대한 IDE 지원에 대해 자세히 알아보세요 ",
-en: "Learn more about IDE Support for Vue in the ",
-fr: "En savoir plus sur le support IDE pour Vue dans le ",
-es: "Aprenda más sobre el soporte IDE para Vue en el ",
-}),
-vueDocs: t({
-ko: "Vue 문서 확장 가이드",
-en: "Vue Docs Scaling up Guide",
-fr: "Vue Docs Scaling up Guide",
-es: "Vue Docs Scaling up Guide",
-}),
-readTheDocs: t({
-ko: "Vite와 Vue 로고를 클릭하여 자세히 알아보세요",
-en: "Click on the Vite and Vue logos to learn more",
-fr: "Cliquez sur les logos Vite et Vue pour en savoir plus",
-es: "Haga clic en los logotipos de Vite y Vue para obtener más información",
-}),
-},
+  key: "helloworld",
+  content: {
+    count: t({
+      ko: "카운트는 ",
+      en: "count is ",
+      fr: "le compte est ",
+      es: "el recuento es ",
+    }),
+    edit: t({
+      ko: "<code>components/HelloWorld.vue</code>를 편집하고 저장하여 HMR을 테스트하세요",
+      en: "Edit <code>components/HelloWorld.vue</code> and save to test HMR",
+      fr: "Éditez <code>components/HelloWorld.vue</code> et enregistrez pour tester HMR",
+      es: "Edita <code>components/HelloWorld.vue</code> y guarda para probar HMR",
+    }),
+    checkOut: t({
+      ko: "확인하세요 ",
+      en: "Check out ",
+      fr: "Vérifiez ",
+      es: "Compruebe ",
+    }),
+    officialStarter: t({
+      ko: "공식 Vue + Vite 스타터",
+      en: "the official Vue + Vite starter",
+      fr: "le starter officiel Vue + Vite",
+      es: "el starter oficial Vue + Vite",
+    }),
+    learnMore: t({
+      ko: "Vue에 대한 IDE 지원에 대해 자세히 알아보세요 ",
+      en: "Learn more about IDE Support for Vue in the ",
+      fr: "En savoir plus sur le support IDE pour Vue dans le ",
+      es: "Aprenda más sobre el soporte IDE para Vue en el ",
+    }),
+    vueDocs: t({
+      ko: "Vue 문서 확장 가이드",
+      en: "Vue Docs Scaling up Guide",
+      fr: "Vue Docs Scaling up Guide",
+      es: "Vue Docs Scaling up Guide",
+    }),
+    readTheDocs: t({
+      ko: "Vite와 Vue 로고를 클릭하여 자세히 알아보세요",
+      en: "Click on the Vite and Vue logos to learn more",
+      fr: "Cliquez sur les logos Vite et Vue pour en savoir plus",
+      es: "Haga clic en los logotipos de Vite y Vue para obtener más información",
+    }),
+  },
 };
 
 module.exports = appContent;
-
-````
+```
 
 ```json fileName="src/helloWorld.content.json" contentDeclarationFormat="json"
 {
@@ -376,7 +387,7 @@ module.exports = appContent;
     }
   }
 }
-````
+```
 
 > 콘텐츠 선언은 애플리케이션의 `contentDir` 디렉토리(기본값: `./src`)에 포함되고 콘텐츠 선언 파일 확장자(기본값: `.content.{json,ts,tsx,js,jsx,mjs,mjx,cjs,cjx}`)와 일치하는 한 어디에나 정의할 수 있습니다.
 
@@ -444,23 +455,23 @@ const count = ref(0);
 </template>
 ```
 
-> 콘텐츠를 `alt`, `title`, `href`, `aria-label` 등 속성에서 사용하려면 `.value`를 사용하여 함수 값을 호출해야 합니다:
-
-> ```html
->
-> ```
+#### Intlayer에서 콘텐츠에 액세스하기 Intlayer는 콘텐츠에 액세스하기 위한 다양한
 
-> <img src="./logo.svg" :alt="content.image.value" />
+API를 제공합니다.
 
-> ```
->
-> ```
+- **컴포넌트 기반 구문**(권장): `<myContent />` 또는 `<Component :is="myContent" />` 구문을 사용하여 콘텐츠를 Intlayer 노드로 렌더링합니다. 이는 [비주얼
+  에디터](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)와
+  원활하게 통합됩니다.
+- **문자열 기반 구문**: `{{ myContent }}`를 사용하여 비주얼 에디터 지원 없이 콘텐츠를 일반 텍스트로 렌더링합니다.
+- **원시 HTML 구문**: `<div v-html="myContent" />`를 사용하여 비주얼 에디터 지원 없이 콘텐츠를 원시 HTML로 렌더링합니다.
+- **구조 분해 구문**: `useIntlayer` 컴포저블은 콘텐츠와 함께 프록시를 반환합니다. 이
+  프록시는 반응성을 유지하면서 콘텐츠에 액세스하기 위해 구조 분해할 수 있습니다.
+  - `const content = useIntlayer("myContent");` 및 `{{ content.myContent }}` / `<content.myContent />`를 사용합니다.
+  - 또는 `const { myContent } = useIntlayer("myContent");` 및 `{{ myContent }}` / `<myContent />`를 사용하여 콘텐츠를 구조 분해합니다. ### (선택 사항) 6단계: 콘텐츠 언어 변경
 
-### (선택 사항) 6단계: 콘텐츠 언어 변경하기
-
-콘텐츠 언어를 변경하려면 `useLocale` 컴포저블에서 제공하는 `setLocale` 함수를 사용할 수 있습니다. 이 함수는 애플리케이션의 로케일을 설정하고 콘텐츠를 업데이트합니다.
-
-언어를 전환하는 구성 요소를 생성하세요:
+콘텐츠의 언어를 변경하려면 `useLocale` 컴포저블에서 제공하는 `setLocale` 함수를
+사용할 수 있습니다. 이 함수를 사용하면 애플리케이션의 로케일을 설정하고 그에
+따라 콘텐츠를 업데이트할 수 있습니다. 언어를 전환하는 구성 요소를 생성하세요:
 
 ```vue fileName="src/components/LocaleSwitcher.vue"
 <template>
@@ -531,7 +542,6 @@ Vue 애플리케이션에서 로컬화된 라우팅을 추가하려면 일반적
 
 ```plaintext
 - https://example.com/about
-
 - https://example.com/ko/about
 - https://example.com/fr/about
 ```

package/ko/packages/nuxt-intlayer/index.md

@@ -0,0 +1,31 @@
+# nuxt-intlayer: Vue 애플리케이션을 국제화(i18n)하기 위한 NPM 패키지
+
+**Intlayer**는 JavaScript 개발자를 위해 설계된 패키지 모음입니다. Vue, Vue 및 Express.js와 같은 프레임워크와 호환됩니다.
+
+**`nuxt-intlayer` 패키지**는 Vue 애플리케이션을 국제화할 수 있도록 합니다. Vue 국제화를 위한 컨텍스트 제공자와 훅을 제공합니다.
+
+## 왜 Vue 애플리케이션을 국제화해야 하나요?
+
+Vue 애플리케이션을 국제화하는 것은 글로벌 사용자에게 효과적으로 서비스를 제공하기 위해 필수적입니다. 이를 통해 애플리케이션이 각 사용자의 선호 언어로 콘텐츠와 메시지를 전달할 수 있습니다. 이러한 기능은 사용자 경험을 향상시키고 애플리케이션을 다양한 언어적 배경을 가진 사람들에게 더 접근 가능하고 관련성 있게 만들어 애플리케이션의 도달 범위를 넓힙니다.
+
+## 왜 Intlayer를 통합해야 하나요?
+
+- **JavaScript 기반 콘텐츠 관리**: JavaScript의 유연성을 활용하여 콘텐츠를 효율적으로 정의하고 관리하세요.
+- **타입 안전 환경**: TypeScript를 활용하여 모든 콘텐츠 정의가 정확하고 오류가 없도록 보장하세요.
+- **통합된 콘텐츠 파일**: 번역을 관련 컴포넌트와 가까이 유지하여 유지 관리성과 명확성을 향상시키세요.
+
+## 설치
+
+선호하는 패키지 관리자를 사용하여 필요한 패키지를 설치하세요:
+
+```bash packageManager="npm"
+npm install nuxt-intlayer
+```
+
+```bash packageManager="yarn"
+yarn add nuxt-intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add nuxt-intlayer
+```

package/ko/roadmap.md

@@ -14,7 +14,7 @@ Intlayer는 애플리케이션 전반에서 콘텐츠를 선언, 관리 및 업
 - **분산형**: 또는 콘텐츠를 컴포넌트나 기능 수준에서 별도의 파일로 나누어 유지 관리성을 향상시킬 수 있습니다. 이를 통해 관련 코드(컴포넌트, 테스트, Storybook 등)와 가까운 위치에 콘텐츠를 유지할 수 있습니다. 컴포넌트를 제거하면 관련 콘텐츠도 제거되어 코드베이스에 남아 있는 데이터를 방지합니다.
 
 > 리소스:
-
+>
 > - [콘텐츠 선언](https://github.com/aymericzip/intlayer/blob/main/docs/ko/dictionary/get_started.md)
 
 ### 2. 국제화
@@ -23,7 +23,7 @@ Intlayer는 애플리케이션 전반에서 콘텐츠를 선언, 관리 및 업
 - 한 곳에서 이러한 모든 로케일의 번역을 쉽게 관리할 수 있습니다.
 
 > 리소스:
-
+>
 > - [국제화](https://github.com/aymericzip/intlayer/blob/main/docs/ko/dictionary/translation.md)
 
 ### 3. Markdown 지원
@@ -32,7 +32,7 @@ Intlayer는 애플리케이션 전반에서 콘텐츠를 선언, 관리 및 업
 - 블로그 게시물, 기사, 문서 페이지 또는 리치 텍스트 서식이 필요한 모든 시나리오에 이상적입니다.
 
 > 리소스:
-
+>
 > - [Markdown](https://github.com/aymericzip/intlayer/blob/main/docs/ko/dictionary/markdown.md)
 
 ### 4. 조건부 렌더링
@@ -41,7 +41,7 @@ Intlayer는 애플리케이션 전반에서 콘텐츠를 선언, 관리 및 업
 - 여러 파일에 콘텐츠를 중복하지 않고 개인화된 경험을 제공합니다.
 
 > 리소스:
-
+>
 > - [조건부 렌더링](https://github.com/aymericzip/intlayer/blob/main/docs/ko/dictionary/condition.md)
 
 ### 5. 콘텐츠 선언 형식
@@ -86,7 +86,7 @@ Intlayer는 콘텐츠 선언을 위해 **TypeScript**(JavaScript도 포함) 및
 - 새로운 Next.js Turbopack뿐만 아니라 기존 Webpack과도 완벽히 호환됩니다.
 
 > 리소스:
-
+>
 > - [Next.js](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_with_nextjs_15.md)
 
 ### 2. Vite
@@ -94,7 +94,7 @@ Intlayer는 콘텐츠 선언을 위해 **TypeScript**(JavaScript도 포함) 및
 - Next.js와 유사하게 Intlayer를 Vite와 통합하고 사용자의 선호 언어에 따라 콘텐츠로 리디렉션하는 **미들웨어**를 사용할 수 있습니다.
 
 > 리소스:
-
+>
 > - [Vite](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_with_vite+react.md)
 
 ### 3. Express
@@ -103,7 +103,7 @@ Intlayer는 콘텐츠 선언을 위해 **TypeScript**(JavaScript도 포함) 및
 - 이메일, 오류 메시지, 푸시 알림 등을 로컬라이즈된 텍스트로 개인화합니다.
 
 > 리소스:
-
+>
 > - [Express](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_with_express.md)
 
 ---
@@ -120,7 +120,7 @@ Intlayer는 콘텐츠 선언을 위해 **TypeScript**(JavaScript도 포함) 및
 - 로컬에서 호스팅하거나 원격 서버에 배포할 수 있습니다.
 
 > 리소스:
-
+>
 > - [시각적 편집기](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_visual_editor.md)
 
 ### 2. Intlayer CMS (원격)
@@ -130,7 +130,7 @@ Intlayer는 콘텐츠 선언을 위해 **TypeScript**(JavaScript도 포함) 및
 - 라이브 애플리케이션 인터페이스를 통해 콘텐츠와 상호작용합니다.
 
 > 리소스:
-
+>
 > - [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_CMS.md)
 
 ---
@@ -142,7 +142,7 @@ Intlayer는 콘텐츠 선언을 위해 **TypeScript**(JavaScript도 포함) 및
 - **CI/CD 파이프라인**에 유용하며 콘텐츠가 항상 코드와 동기화되도록 보장합니다.
 
 > 리소스:
-
+>
 > - [CLI](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_cli.md)
 
 ---
@@ -159,7 +159,7 @@ Intlayer는 콘텐츠 선언을 위해 **TypeScript**(JavaScript도 포함) 및
 - 원격 사전 및 Intlayer CMS를 사용할 때 애플리케이션의 콘텐츠를 **실시간으로 업데이트**할 수 있으며, 재배포가 필요하지 않습니다.
 
 > 리소스:
-
+>
 > - [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/ko/intlayer_CMS.md)
 
 ---

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/docs",
-  "version": "5.5.9",
+  "version": "5.5.10",
   "private": false,
   "description": "Intlayer documentation",
   "keywords": [
@@ -58,7 +58,7 @@
     "zh/*"
   ],
   "dependencies": {
-    "@intlayer/config": "5.5.9"
+    "@intlayer/config": "5.5.10"
   },
   "devDependencies": {
     "@types/node": "^22.15.30",
@@ -74,10 +74,10 @@
     "tsup": "^8.5.0",
     "tsx": "^4.19.4",
     "typescript": "^5.8.3",
-    "@intlayer/core": "5.5.9",
-    "@utils/ts-config": "1.0.4",
+    "@utils/tsup-config": "1.0.4",
+    "@intlayer/core": "5.5.10",
     "@utils/ts-config-types": "1.0.4",
-    "@utils/tsup-config": "1.0.4"
+    "@utils/ts-config": "1.0.4"
   },
   "engines": {
     "node": ">=14.18"

package/pt/autoFill.md

@@ -67,9 +67,8 @@ src/components/example/example.filled.content.ts
 ```
 
 > A geração de arquivos `.js`, `.ts` e similares funciona da seguinte maneira:
-
+>
 > - 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.
-
 > - Se o arquivo não existir, o Intlayer o gerará usando o modelo padrão para arquivos de declaração de conteúdo.
 
 ## Caminhos Absolutos

package/pt/how_works_intlayer.md

@@ -195,7 +195,7 @@ O pacote `@intlayer/editor-react` fornece estados, contextos, hooks e componente
 
 O pacote `@intlayer/babel` fornece ferramentas que otimizam o empacotamento de dicionários para aplicações baseadas em Vite e Webpack.
 
-### @intlayer/swc (WIP)
+### @intlayer/swc
 
 O pacote `@intlayer/swc` fornece ferramentas que otimizam o empacotamento de dicionários para aplicações Next.js.
 

package/pt/intlayer_with_create_react_app.md

@@ -335,13 +335,7 @@ const App = () => (
 > 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:
 
 > ```jsx
->
-> ```
-
 > <img src={content.image.src.value} alt={content.image.value} />
-
-> ```
->
 > ```
 
 > 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 = () => {
 ```
 
 > Referências da documentação:
-
+>
 > - [Hook `useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/react-intlayer/useLocale.md)
-
 > - [Hook `getLocaleName`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocaleName.md)
-
 > - [Hook `getLocalizedUrl`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocalizedUrl.md)
-
 > - [Hook `getHTMLTextDir`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getHTMLTextDir.md)
-
 > - [Atributo `hrefLang`](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
-
 > - [Atributo `lang`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
-
 > - [Atributo `dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
-
 > - [Atributo `aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
 
 ### (Opcional) Passo 9: Alterar os Atributos de Idioma e Direção do HTML

package/pt/intlayer_with_nextjs_14.md

@@ -573,13 +573,7 @@ const ServerComponentExample = () => {
 > 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:
 
 > ```jsx
->
-> ```
-
 > <img src={content.image.src.value} alt={content.image.value} />
-
-> ```
->
 > ```
 
 > 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 = () => {
 ```
 
 > Referências da documentação:
-
+>
 > - [Hook `useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/next-intlayer/useLocale.md)
-
 > - [Hook `getLocaleName`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocaleName.md)
-
 > - [Hook `getLocalizedUrl`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocalizedUrl.md)
-
 > - [Hook `getHTMLTextDir`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getHTMLTextDir.md)
-
 > - [Atributo `hrefLang`](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
-
 > - [Atributo `lang`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
-
 > - [Atributo `dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
-
 > - [Atributo `aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
 
 ### (Opcional) Passo 11: Criando um Componente de Link Localizado

package/pt/intlayer_with_nextjs_15.md

@@ -587,13 +587,7 @@ const ServerComponentExample = () => {
 > 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:
 
 > ```jsx
->
-> ```
-
 > <img src={content.image.src.value} alt={content.image.value} />
-
-> ```
->
 > ```
 
 > 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 = () => {
 ```
 
 > Referências da documentação:
-
+>
 > - [Hook `useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/next-intlayer/useLocale.md)
-
 > - [Hook `getLocaleName`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocaleName.md)
-
 > - [Hook `getLocalizedUrl`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocalizedUrl.md)
-
 > - [Hook `getHTMLTextDir`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getHTMLTextDir.md)
-
 > - [Atributo `hrefLang`](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
-
 > - [Atributo `lang`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
-
 > - [Atributo `dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
-
 > - [Atributo `aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
 
 ### (Opcional) Passo 11: Criando um Componente de Link Localizado

package/pt/intlayer_with_nextjs_page_router.md

@@ -550,13 +550,7 @@ const ComponentExample = () => {
 > valor da função da seguinte forma:
 
 > ```jsx
->
-> ```
-
 > <img src={content.image.src.value} alt={content.image.value} />
-
-> ```
->
 > ```
 
 > 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 = () => {
 > 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).
 
 > Referências da documentação:
-
+>
 > - [Hook `getLocaleName`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocaleName.md)
-
 > - [Hook `getLocalizedUrl`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getLocalizedUrl.md)
-
 > - [Hook `getHTMLTextDir`](https://github.com/aymericzip/intlayer/blob/main/docs/pt/packages/intlayer/getHTMLTextDir.md)
-
 > - [Atributo `hrefLang`](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
-
 > - [Atributo `lang`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
-
 > - [Atributo `dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
-
 > - [Atributo `aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
 
 ### (Opcional) Etapa 10: Criando um Componente de Link Localizado