@intlayer/docs 5.5.9 → 5.5.10

package/it/intlayer_with_react_native+expo.md

@@ -20,15 +20,18 @@ Con Intlayer, puoi:
 Nel tuo progetto React Native, installa i seguenti pacchetti:
 
 ```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
 ```
 
 ### Pacchetti

package/it/intlayer_with_vite+preact.md

@@ -24,15 +24,18 @@ Con Intlayer, puoi:
 Installa i pacchetti necessari utilizzando 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;
 > Se vuoi utilizzare il tuo contenuto in un attributo `string`, come `alt`, `title`, `href`, `aria-label`, ecc., devi chiamare il valore della funzione, come:
 
 > ```jsx
->
-> ```
-
 > <img src={content.image.src.value} alt={content.image.value} />
-
-> ```
->
 > ```
 
 > Nota: In Preact, `className` è tipicamente scritto come `class`.
@@ -1256,23 +1253,15 @@ module.exports = LocaleSwitcher;
 ```
 
 > Riferimenti alla documentazione:
-
+>
 > - [`useLocale` hook](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/react-intlayer/useLocale.md) (API simile per `preact-intlayer`)
-
 > - [`getLocaleName` hook](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/intlayer/getLocaleName.md)
-
 > - [`getLocalizedUrl` hook](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/intlayer/getLocalizedUrl.md)
-
 > - [`getHTMLTextDir` hook](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/intlayer/getHTMLTextDir.md)
-
 > - [`hreflang` attribute](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=it)
-
 > - [`lang` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
-
 > - [`dir` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
-
 > - [`aria-current` attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
-
 > - [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
 
 ---

package/it/intlayer_with_vite+react.md

@@ -24,15 +24,18 @@ Con Intlayer, puoi:
 Installa i pacchetti necessari utilizzando 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;
 > Se vuoi utilizzare il tuo contenuto in un attributo `string`, come `alt`, `title`, `href`, `aria-label`, ecc., devi chiamare il valore della funzione, come:
 
 > ```jsx
->
-> ```
-
 > <img src={content.image.src.value} alt={content.image.value} />
-
-> ```
->
 > ```
 
 > Per saperne di più sul hook `useIntlayer`, consulta la [documentazione](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/react-intlayer/useIntlayer.md).
@@ -1210,21 +1207,14 @@ const LocaleSwitcher = () => {
 ```
 
 > Riferimenti alla documentazione:
-
+>
 > - [`useLocale` hook](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/react-intlayer/useLocale.md)
-
 > - [`getLocaleName` hook](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/intlayer/getLocaleName.md)
-
 > - [`getLocalizedUrl` hook](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/intlayer/getLocalizedUrl.md)
-
 > - [`getHTMLTextDir` hook](https://github.com/aymericzip/intlayer/blob/main/docs/it/packages/intlayer/getHTMLTextDir.md)
-
 > - [`hrefLang` attribute](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=fr)
-
 > - [`lang` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
-
 > - [`dir` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)
-
 > - [`aria-current` attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
 
 ---

package/it/intlayer_with_vite+vue.md

@@ -24,15 +24,18 @@ Con Intlayer, puoi:
 Installa i pacchetti necessari utilizzando 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**
@@ -444,23 +447,30 @@ const count = ref(0);
 </template>
 ```
 
-> Se desideri utilizzare il tuo contenuto in un attributo, come `alt`, `title`, `href`, `aria-label`, ecc., devi chiamare il valore della funzione con `.value`, come:
+#### Accesso ai Contenuti in Intlayer Intlayer offre diverse API per accedere ai tuoi contenuti:
 
-> ```html
->
-> ```
+- **Sintassi basata su componenti** (consigliata): Usa la
+  sintassi `<mioContenuto />`, o `<Component :is="mioContenuto" />` per renderizzare il contenuto come un Nodo Intlayer. Questo si integra
+  perfettamente con l'[Editor Visuale](https://github.com/aymericzip/intlayer/blob/main/docs/it/intlayer_visual_editor.md)
+  e il [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/it/intlayer_CMS.md).
 
-> <img src="./logo.svg" :alt="content.image.value" />
+- **Sintassi basata su stringhe**: Usa `{{ mioContenuto }}` per renderizzare il
+  contenuto come testo semplice, senza il supporto dell'Editor Visuale.
+- **Sintassi HTML grezza**: Usa `<div v-html="mioContenuto" />` per renderizzare il contenuto come HTML grezzo, senza il supporto dell'Editor
+  Visuale.
+- **Sintassi di destrutturazione**: Il composable `useIntlayer`
+  restituisce un Proxy con il contenuto. Questo proxy può essere destrutturato per
+  accedere al contenuto mantenendo la reattività.
+  - Usa `const content = useIntlayer("mioContenuto");` e `{{ content.mioContenuto }}` / `<content.mioContenuto />`.
+  - Oppure usa `const { mioContenuto } = useIntlayer("mioContenuto");` e `{{ mioContenuto }}` / `<mioContenuto />` per destrutturare il contenuto.
 
-> ```
->
-> ```
+### (Opzionale) Passaggio 6: Cambiare la lingua dei tuoi contenuti
 
-### (Opzionale) Passaggio 6: Cambiare la lingua del tuo contenuto
-
-Per cambiare la lingua del tuo contenuto, puoi utilizzare la funzione `setLocale` fornita dal composable `useLocale`. Questa funzione ti consente di impostare la lingua dell'applicazione e aggiornare di conseguenza il contenuto.
-
-Crea un componente per passare da una lingua all'altra:
+Per cambiare la lingua dei tuoi contenuti, puoi
+utilizzare la funzione `setLocale` fornita dal composable `useLocale`. Questa
+funzione ti permette di impostare la locale dell'applicazione e aggiornare i
+contenuti di conseguenza. Crea un componente per passare da una lingua
+all'altra:
 
 ```vue fileName="src/components/LocaleSwitcher.vue"
 <template>
@@ -531,7 +541,6 @@ Esempio:
 
 ```plaintext
 - https://example.com/about
-
 - https://example.com/it/about
 - https://example.com/fr/about
 ```

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

@@ -0,0 +1,29 @@
+**Intlayer** è una suite di pacchetti progettata specificamente per gli sviluppatori JavaScript. È compatibile con framework come Vue, Vue e Express.js.
+
+**Il pacchetto `nuxt-intlayer`** consente di internazionalizzare la tua applicazione Vue. Fornisce provider di contesto e hook per l'internazionalizzazione di Vue.
+
+## Perché internazionalizzare la tua applicazione Vue?
+
+Internazionalizzare la tua applicazione Vue è essenziale per servire efficacemente un pubblico globale. Consente alla tua applicazione di fornire contenuti e messaggi nella lingua preferita di ogni utente. Questa capacità migliora l'esperienza utente e amplia la portata della tua applicazione rendendola più accessibile e rilevante per persone di diversi background linguistici.
+
+## Perché integrare Intlayer?
+
+- **Gestione dei contenuti basata su JavaScript**: Sfrutta la flessibilità di JavaScript per definire e gestire i tuoi contenuti in modo efficiente.
+- **Ambiente Type-Safe**: Utilizza TypeScript per garantire che tutte le definizioni dei tuoi contenuti siano precise e prive di errori.
+- **File di contenuti integrati**: Mantieni le tue traduzioni vicine ai rispettivi componenti, migliorando la manutenibilità e la chiarezza.
+
+## Installazione
+
+Installa il pacchetto necessario utilizzando il tuo gestore di pacchetti preferito:
+
+```bash packageManager="npm"
+npm install nuxt-intlayer
+```
+
+```bash packageManager="yarn"
+yarn add nuxt-intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add nuxt-intlayer
+```

package/it/roadmap.md

@@ -14,7 +14,7 @@ Intlayer è una soluzione per la gestione dei contenuti e l'internazionalizzazio
 - **Distribuita**: In alternativa, suddividi i tuoi contenuti in file separati a livello di componente o funzionalità per una migliore manutenibilità. Questo mantiene i tuoi contenuti vicini al codice pertinente (componenti, test, Storybook, ecc.). Rimuovere un componente garantisce che qualsiasi contenuto associato venga rimosso, evitando che dati residui ingombrino il tuo codice.
 
 > Risorse:
-
+>
 > - [Dichiarazione dei Contenuti](https://github.com/aymericzip/intlayer/blob/main/docs/it/dictionary/get_started.md)
 
 ### 2. Internazionalizzazione
@@ -23,7 +23,7 @@ Intlayer è una soluzione per la gestione dei contenuti e l'internazionalizzazio
 - Gestisci facilmente le traduzioni per tutte queste localizzazioni da un unico posto.
 
 > Risorse:
-
+>
 > - [Internazionalizzazione](https://github.com/aymericzip/intlayer/blob/main/docs/it/dictionary/translation.md)
 
 ### 3. Supporto Markdown
@@ -32,7 +32,7 @@ Intlayer è una soluzione per la gestione dei contenuti e l'internazionalizzazio
 - Ideale per post di blog, articoli, pagine di documentazione o qualsiasi scenario in cui è necessaria una formattazione di testo ricca.
 
 > Risorse:
-
+>
 > - [Markdown](https://github.com/aymericzip/intlayer/blob/main/docs/it/dictionary/markdown.md)
 
 ### 4. Rendering Condizionale
@@ -41,7 +41,7 @@ Intlayer è una soluzione per la gestione dei contenuti e l'internazionalizzazio
 - Aiuta a creare esperienze personalizzate senza duplicare contenuti in più file.
 
 > Risorse:
-
+>
 > - [Rendering Condizionale](https://github.com/aymericzip/intlayer/blob/main/docs/it/dictionary/condition.md)
 
 ### 5. Formati di Dichiarazione dei Contenuti
@@ -86,7 +86,7 @@ Intlayer supporta **TypeScript** (anche JavaScript) e **JSON** per dichiarare i
 - Completamente compatibile con il nuovo Turbopack di Next.js e con il tradizionale Webpack.
 
 > Risorse:
-
+>
 > - [Next.js](https://github.com/aymericzip/intlayer/blob/main/docs/it/intlayer_with_nextjs_15.md)
 
 ### 2. Vite
@@ -94,7 +94,7 @@ Intlayer supporta **TypeScript** (anche JavaScript) e **JSON** per dichiarare i
 - Simile a Next.js, puoi integrare Intlayer con Vite e utilizzare un **middleware** per reindirizzare gli utenti ai contenuti in base alla loro lingua preferita.
 
 > Risorse:
-
+>
 > - [Vite](https://github.com/aymericzip/intlayer/blob/main/docs/it/intlayer_with_vite+react.md)
 
 ### 3. Express
@@ -103,7 +103,7 @@ Intlayer supporta **TypeScript** (anche JavaScript) e **JSON** per dichiarare i
 - Personalizza email, messaggi di errore, notifiche push e altro con testo localizzato.
 
 > Risorse:
-
+>
 > - [Express](https://github.com/aymericzip/intlayer/blob/main/docs/it/intlayer_with_express.md)
 
 ---
@@ -120,7 +120,7 @@ Intlayer supporta **TypeScript** (anche JavaScript) e **JSON** per dichiarare i
 - Può essere ospitato localmente o distribuito su un server remoto.
 
 > Risorse:
-
+>
 > - [Editor Visivo](https://github.com/aymericzip/intlayer/blob/main/docs/it/intlayer_visual_editor.md)
 
 ### 2. Intlayer CMS (Remoto)
@@ -130,7 +130,7 @@ Intlayer supporta **TypeScript** (anche JavaScript) e **JSON** per dichiarare i
 - Interagisci con i tuoi contenuti tramite l'interfaccia della tua applicazione live.
 
 > Risorse:
-
+>
 > - [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/it/intlayer_CMS.md)
 
 ---
@@ -142,7 +142,7 @@ Intlayer supporta **TypeScript** (anche JavaScript) e **JSON** per dichiarare i
 - Utile per **pipeline CI/CD**, garantendo che i tuoi contenuti siano sempre sincronizzati con il tuo codice.
 
 > Risorse:
-
+>
 > - [CLI](https://github.com/aymericzip/intlayer/blob/main/docs/it/intlayer_cli.md)
 
 ---
@@ -159,7 +159,7 @@ Intlayer supporta **TypeScript** (anche JavaScript) e **JSON** per dichiarare i
 - Quando utilizzi dizionari remoti e il CMS Intlayer, puoi **aggiornare i contenuti della tua applicazione al volo**, senza bisogno di ridistribuire.
 
 > Risorse:
-
+>
 > - [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/it/intlayer_CMS.md)
 
 ---

package/ja/autoFill.md

@@ -67,9 +67,8 @@ src/components/example/example.filled.content.ts
 ```
 
 > `.js`、`.ts`などのファイルの生成は以下のように機能します：
-
+>
 > - ファイルが既に存在する場合、IntlayerはAST（抽象構文木）を使用して各フィールドを特定し、不足している翻訳を挿入します。
-
 > - ファイルが存在しない場合、Intlayerはコンテンツ宣言ファイルのデフォルトテンプレートを使用して生成します。
 
 ## 絶対パス

package/ja/how_works_intlayer.md

@@ -196,7 +196,7 @@ Expressに基づいたサーバーは、ビジュアルエディターのリク
 
 `@intlayer/babel`パッケージは、ViteおよびWebpackベースのアプリケーションの辞書のバンドリングを最適化するツールを提供します。
 
-### @intlayer/swc (WIP)
+### @intlayer/swc
 
 `@intlayer/swc`パッケージは、Next.jsアプリケーションの辞書のバンドリングを最適化するツールを提供します。
 

package/ja/intlayer_with_create_react_app.md

@@ -325,13 +325,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/ja/packages/react-intlayer/useIntlayer.md)を参照してください。
@@ -967,21 +961,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)
 
 ### (オプション) ステップ9: HTMLの言語と方向属性を切り替え

package/ja/intlayer_with_nextjs_14.md

@@ -566,13 +566,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/ja/packages/next-intlayer/useIntlayer.md)を参照してください。
@@ -1040,21 +1034,14 @@ const LocaleSwitcher = () => {
 ```
 
 > ドキュメント参照：
-
+>
 > - [`useLocale`フック](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/next-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)
 
 ### (オプション) ステップ11: ローカライズされたリンクコンポーネントの作成

package/ja/intlayer_with_nextjs_15.md

@@ -582,13 +582,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/ja/packages/next-intlayer/useIntlayer.md)を参照してください。
@@ -1097,21 +1091,14 @@ export const LocaleSwitcher = () => {
 ```
 
 > ドキュメント参照：
-
+>
 > - [`useLocale`フック](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/next-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=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)
 
 ### (オプション) ステップ11: ローカライズされたリンクコンポーネントを作成する

package/ja/intlayer_with_nextjs_page_router.md

@@ -527,13 +527,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/ja/packages/next-intlayer/useIntlayer.md)を参照してください。
@@ -863,19 +857,13 @@ const LocaleSwitcher = () => {
 > `useLocalePageRouter` APIは`useLocale`と同じです。`useLocale`フックの詳細については、[ドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/ja/packages/next-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)
 
 ### (オプション) ステップ10: ローカライズされたリンクコンポーネントの作成