@intlayer/docs 5.5.8 → 5.5.10

package/ja/intlayer_with_react_native+expo.md

@@ -20,15 +20,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/ja/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**
@@ -513,13 +516,7 @@ module.exports = App;
 > `alt`、`title`、`href`、`aria-label`などの`string`属性でコンテンツを使用する場合、関数の値を呼び出す必要があります:
 
 > ```jsx
->
-> ```
-
 > <img src={content.image.src.value} alt={content.image.value} />
-
-> ```
->
 > ```
 
 > 注: Preactでは、`className`は通常`class`として記述されます。
@@ -1174,23 +1171,15 @@ module.exports = LocaleSwitcher;
 ```
 
 > ドキュメント参照:
-
+>
 > - [`useLocale`フック](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/react-intlayer/useLocale.md) (`preact-intlayer`のAPIも類似)
-
 > - [`getLocaleName`フック](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/intlayer/getLocaleName.md)
-
 > - [`getLocalizedUrl`フック](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/intlayer/getLocalizedUrl.md)
-
 > - [`getHTMLTextDir`フック](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/intlayer/getHTMLTextDir.md)
-
 > - [`hreflang`属性](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=ja)
-
 > - [`lang`属性](https://developer.mozilla.org/ja/docs/Web/HTML/Global_attributes/lang)
-
 > - [`dir`属性](https://developer.mozilla.org/ja/docs/Web/HTML/Global_attributes/dir)
-
 > - [`aria-current`属性](https://developer.mozilla.org/ja/docs/Web/Accessibility/ARIA/Attributes/aria-current)
-
 > - [Popover API](https://developer.mozilla.org/ja/docs/Web/API/Popover_API)
 
 以下は、説明を追加し、コード例を改良した**ステップ9**です:

package/ja/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**
@@ -526,13 +529,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/ja/packages/react-intlayer/useIntlayer.md)を参照してください。
@@ -1204,21 +1201,14 @@ const LocaleSwitcher = () => {
 ```
 
 > ドキュメント参照:
-
+>
 > - [`useLocale` フック](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/react-intlayer/useLocale.md)
-
 > - [`getLocaleName` フック](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/intlayer/getLocaleName.md)
-
 > - [`getLocalizedUrl` フック](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/intlayer/getLocalizedUrl.md)
-
 > - [`getHTMLTextDir` フック](https://github.com/aymericzip/intlayer/blob/main/docs/ja/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/ja/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({ ja: "カウントは ", en: "count is ", fr: "le compte est ", es: "el recuento es " }),
-edit: t({
-ja: "<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({ ja: "チェックアウト ", en: "Check out ", fr: "Vérifiez ", es: "Compruebe " }),
-officialStarter: t({
-ja: "公式のVue + Viteスターター",
-en: "the official Vue + Vite starter",
-fr: "le starter officiel Vue + Vite",
-es: "el starter oficial Vue + Vite",
-}),
-learnMore: t({
-ja: "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({
-ja: "Vueドキュメントスケーリングアップガイド",
-en: "Vue Docs Scaling up Guide",
-fr: "Vue Docs Scaling up Guide",
-es: "Vue Docs Scaling up Guide",
-}),
-readTheDocs: t({
-ja: "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({
+      ja: "カウントは ",
+      en: "count is ",
+      fr: "le compte est ",
+      es: "el recuento es ",
+    }),
+    edit: t({
+      ja: "<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({
+      ja: "チェックアウト ",
+      en: "Check out ",
+      fr: "Vérifiez ",
+      es: "Compruebe ",
+    }),
+    officialStarter: t({
+      ja: "公式のVue + Viteスターター",
+      en: "the official Vue + Vite starter",
+      fr: "le starter officiel Vue + Vite",
+      es: "el starter oficial Vue + Vite",
+    }),
+    learnMore: t({
+      ja: "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({
+      ja: "Vueドキュメントスケーリングアップガイド",
+      en: "Vue Docs Scaling up Guide",
+      fr: "Vue Docs Scaling up Guide",
+      es: "Vue Docs Scaling up Guide",
+    }),
+    readTheDocs: t({
+      ja: "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,20 @@ const count = ref(0);
 </template>
 ```
 
-> コンテンツを `alt`、`title`、`href`、`aria-label` などの属性で使用したい場合、関数の値を `.value` で呼び出す必要があります。例:
-
-> ```html
->
-> ```
-
-> <img src="./logo.svg" :alt="content.image.value" />
+#### Intlayerでのコンテンツへのアクセス
 
-> ```
->
-> ```
+Intlayerは、コンテンツにアクセスするためのさまざまなAPIを提供しています。
 
-### （オプション）ステップ6: コンテンツの言語を変更する
+- **コンポーネントベースの構文**（推奨）： `<myContent />`または`<Component :is="myContent" />`構文を使用して、コンテンツをIntlayerノードとしてレンダリングします。これは[ビジュアルエディタ](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_visual_editor.md)および[CMS](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_CMS.md)とシームレスに統合されます。
 
-コンテンツの言語を変更するには、`useLocale` コンポーザブルが提供する `setLocale` 関数を使用します。この関数を使用すると、アプリケーションのロケールを設定し、コンテンツを更新できます。
-
-言語を切り替えるコンポーネントを作成します:
+- **文字列ベースの構文**: `{{ myContent }}`を使用して、ビジュアルエディタをサポートせずにコンテンツをプレーンテキストとしてレンダリングします。
+- **生のHTML構文**: `<div v-html="myContent" />`を使用して、ビジュアルエディタをサポートせずにコンテンツを生のHTMLとしてレンダリングします。
+- **分割代入構文**:
+  `useIntlayer`コンポーザブルは、コンテンツとともにプロキシを返します。このプロキシは、リアクティビティを維持しながらコンテンツにアクセスするために分割代入できます。
+- `const content = useIntlayer("myContent");`と`{{ content.myContent }}` / `<content.myContent />`を使用します。 - または、`const { myContent } = useIntlayer("myContent");`と`{{ myContent }}` / `<myContent />`を使用してコンテンツを分割代入します。 ### (任意) ステップ6:
+  コンテンツの言語を変更する
+  コンテンツの言語を変更するには、`useLocale`コンポーザブルが提供する`setLocale`関数を使用できます。この関数を使用すると、アプリケーションのロケールを設定し、それに応じてコンテンツを更新できます。
+  言語を切り替えるコンポーネントを作成します:
 
 ```vue fileName="src/components/LocaleSwitcher.vue"
 <template>
@@ -531,18 +539,15 @@ Vueアプリケーションでローカライズされたルーティングを
 
 ```plaintext
 - https://example.com/about
-```
-
 - https://example.com/ja/about
 - https://example.com/fr/about
-
-````
+```
 
 まず、Vue Routerをインストールします:
 
 ```bash packageManager="npm"
 npm install intlayer vue-router
-````
+```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer vue-router

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

@@ -0,0 +1,29 @@
+**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/ja/roadmap.md

@@ -14,7 +14,7 @@ Intlayerは、アプリケーション全体でコンテンツを宣言、管理
 - **分散型**: 代わりに、コンポーネントや機能レベルでコンテンツを個別のファイルに分割して、保守性を向上させます。これにより、関連するコード（コンポーネント、テスト、Storybookなど）にコンテンツを近づけることができます。コンポーネントを削除すると、関連するコンテンツも削除され、コードベースに不要なデータが残るのを防ぎます。
 
 > リソース:
-
+>
 > - [コンテンツ宣言](https://github.com/aymericzip/intlayer/blob/main/docs/ja/dictionary/get_started.md)
 
 ### 2. 国際化
@@ -23,7 +23,7 @@ Intlayerは、アプリケーション全体でコンテンツを宣言、管理
 - これらすべてのロケールの翻訳を一元管理。
 
 > リソース:
-
+>
 > - [国際化](https://github.com/aymericzip/intlayer/blob/main/docs/ja/dictionary/translation.md)
 
 ### 3. Markdownサポート
@@ -32,7 +32,7 @@ Intlayerは、アプリケーション全体でコンテンツを宣言、管理
 - ブログ記事、ドキュメントページ、またはリッチテキストフォーマットが必要なシナリオに最適。
 
 > リソース:
-
+>
 > - [Markdown](https://github.com/aymericzip/intlayer/blob/main/docs/ja/dictionary/markdown.md)
 
 ### 4. 条件付きレンダリング
@@ -41,7 +41,7 @@ Intlayerは、アプリケーション全体でコンテンツを宣言、管理
 - 複数のファイルにコンテンツを複製することなく、パーソナライズされた体験を提供。
 
 > リソース:
-
+>
 > - [条件付きレンダリング](https://github.com/aymericzip/intlayer/blob/main/docs/ja/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/ja/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/ja/intlayer_with_vite+react.md)
 
 ### 3. Express
@@ -103,7 +103,7 @@ Intlayerは、コンテンツ宣言に**TypeScript**（およびJavaScript）と
 - ローカライズされたテキストでメール、エラーメッセージ、プッシュ通知などをパーソナライズ。
 
 > リソース:
-
+>
 > - [Express](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_with_express.md)
 
 ---
@@ -120,7 +120,7 @@ Intlayerは、コンテンツ宣言に**TypeScript**（およびJavaScript）と
 - ローカルでホストするか、リモートサーバーにデプロイ可能。
 
 > リソース:
-
+>
 > - [ビジュアルエディタ](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_visual_editor.md)
 
 ### 2. Intlayer CMS（リモート）
@@ -130,7 +130,7 @@ Intlayerは、コンテンツ宣言に**TypeScript**（およびJavaScript）と
 - ライブアプリケーションインターフェースを介してコンテンツと対話。
 
 > リソース:
-
+>
 > - [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_CMS.md)
 
 ---
@@ -142,7 +142,7 @@ Intlayerは、コンテンツ宣言に**TypeScript**（およびJavaScript）と
 - **CI/CDパイプライン**に役立ち、コンテンツが常にコードと同期していることを保証。
 
 > リソース:
-
+>
 > - [CLI](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_cli.md)
 
 ---
@@ -159,7 +159,7 @@ Intlayerは、コンテンツ宣言に**TypeScript**（およびJavaScript）と
 - リモート辞書とIntlayer CMSを使用する場合、アプリケーションのコンテンツを**即座に更新**可能で、再デプロイは不要。
 
 > リソース:
-
+>
 > - [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/ja/intlayer_CMS.md)
 
 ---

package/ko/autoFill.md

@@ -67,9 +67,8 @@ src/components/example/example.filled.content.ts
 ```
 
 > `.js`, `.ts` 등의 파일 생성은 다음과 같이 작동합니다:
-
+>
 > - 파일이 이미 존재하는 경우, Intlayer는 AST(추상 구문 트리)를 사용하여 각 필드를 찾고 누락된 번역을 삽입합니다.
-
 > - 파일이 존재하지 않는 경우, Intlayer는 콘텐츠 선언 파일의 기본 템플릿을 사용하여 생성합니다.
 
 ## 절대 경로

package/ko/how_works_intlayer.md

@@ -195,7 +195,7 @@ Express를 기반으로 한 서버는 시각적 편집기 요청을 수신하고
 
 `@intlayer/babel` 패키지는 Vite 및 Webpack 기반 애플리케이션의 사전 번들링을 최적화하는 도구를 제공합니다.
 
-### @intlayer/swc (WIP)
+### @intlayer/swc
 
 `@intlayer/swc` 패키지는 Next.js 애플리케이션의 사전 번들링을 최적화하는 도구를 제공합니다.
 

package/ko/intlayer_with_create_react_app.md

@@ -322,13 +322,7 @@ const 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)를 참조하세요.
@@ -968,21 +962,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)
 
 ### (선택 사항) 단계 9: HTML 언어 및 방향 속성 전환

package/ko/intlayer_with_nextjs_14.md

@@ -571,13 +571,7 @@ const ServerComponentExample = () => {
 > `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/next-intlayer/useIntlayer.md)를 참조하세요.
@@ -1051,21 +1045,14 @@ const LocaleSwitcher = () => {
 ```
 
 > 문서 참조:
-
+>
 > - [`useLocale` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/next-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=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)
 
 ### (선택 사항) 11단계: 로컬라이즈된 링크 컴포넌트 생성

package/ko/intlayer_with_nextjs_15.md

@@ -587,13 +587,7 @@ const ServerComponentExample = () => {
 > `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/next-intlayer/useIntlayer.md)를 참조하세요.
@@ -1108,21 +1102,14 @@ export const LocaleSwitcher = () => {
 ```
 
 > 문서 참조:
-
+>
 > - [`useLocale` 훅](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/next-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)
 
 ### (선택 사항) 11단계: 로컬화된 링크 컴포넌트 생성

package/ko/intlayer_with_nextjs_page_router.md

@@ -533,13 +533,7 @@ const ComponentExample = () => {
 > `string` 속성(예: `alt`, `title`, `href`, `aria-label`)에서 번역을 사용할 때는 다음과 같이 함수 값을 호출하세요:
 
 > ```jsx
->
-> ```
-
 > <img src={content.image.src.value} alt={content.image.value} />
-
-> ```
->
 > ```
 
 > `useIntlayer` 훅에 대해 자세히 알아보려면 [문서](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/next-intlayer/useIntlayer.md)를 참조하세요.
@@ -875,19 +869,13 @@ const LocaleSwitcher = () => {
 > `useLocalePageRouter` API는 `useLocale`과 동일합니다. `useLocale` 훅에 대해 자세히 알아보려면 [문서](https://github.com/aymericzip/intlayer/blob/main/docs/ko/packages/next-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)
 
 ### (선택 사항) 10단계: 로컬라이즈된 링크 컴포넌트 생성