@intlayer/docs 5.5.8 → 5.5.10

package/fr/intlayer_with_react_native+expo.md

@@ -20,15 +20,18 @@ Avec Intlayer, vous pouvez :
 Depuis votre projet React Native, installez les packages suivants :
 
 ```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
 ```
 
 ### Packages

package/fr/intlayer_with_vite+preact.md

@@ -24,15 +24,18 @@ Avec Intlayer, vous pouvez :
 Installez les packages nécessaires en utilisant 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**
@@ -493,13 +496,7 @@ module.exports = App;
 > Si vous souhaitez utiliser votre contenu dans un attribut `string`, tel que `alt`, `title`, `href`, `aria-label`, etc., vous devez appeler la valeur de la fonction, comme :
 
 > ```jsx
->
-> ```
-
 > <img src={content.image.src.value} alt={content.image.value} />
-
-> ```
->
 > ```
 
 > Remarque : Dans Preact, `className` est généralement écrit comme `class`.
@@ -1221,23 +1218,15 @@ module.exports = LocaleSwitcher;
 ```
 
 > Références de la documentation :
-
+>
 > - [`useLocale` hook](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/react-intlayer/useLocale.md) (L'API est similaire pour `preact-intlayer`)
-
 > - [`getLocaleName` hook](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/intlayer/getLocaleName.md)
-
 > - [`getLocalizedUrl` hook](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/intlayer/getLocalizedUrl.md)
-
 > - [`getHTMLTextDir` hook](https://github.com/aymericzip/intlayer/blob/main/docs/fr/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)
-
 > - [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
 
 ---

package/fr/intlayer_with_vite+react.md

@@ -22,15 +22,18 @@ Avec Intlayer, vous pouvez :
 Installez les packages nécessaires avec 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**
@@ -533,13 +536,7 @@ module.exports = App;
 > Si vous souhaitez utiliser votre contenu dans un attribut `string`, tel que `alt`, `title`, `href`, `aria-label`, etc., vous devez appeler la valeur de la fonction, comme :
 
 > ```jsx
->
-> ```
-
 > <img src={content.image.src.value} alt={content.image.value} />
-
-> ```
->
 > ```
 
 > Pour en savoir plus sur le hook `useIntlayer`, consultez la [documentation](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/react-intlayer/useIntlayer.md).
@@ -1218,21 +1215,14 @@ const LocaleSwitcher = () => {
 ```
 
 > Références de documentation :
-
+>
 > - [`useLocale` hook](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/react-intlayer/useLocale.md)
-
 > - [`getLocaleName` hook](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/intlayer/getLocaleName.md)
-
 > - [`getLocalizedUrl` hook](https://github.com/aymericzip/intlayer/blob/main/docs/fr/packages/intlayer/getLocalizedUrl.md)
-
 > - [`getHTMLTextDir` hook](https://github.com/aymericzip/intlayer/blob/main/docs/fr/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)
 
 ### (Optionnel) Étape 9 : Changer les attributs de langue et de direction HTML

package/fr/intlayer_with_vite+vue.md

@@ -24,15 +24,18 @@ Avec Intlayer, vous pouvez :
 Installez les packages nécessaires en utilisant 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**
@@ -402,23 +405,36 @@ const count = ref(0);
 </template>
 ```
 
-> Si vous souhaitez utiliser votre contenu dans un attribut, tel que `alt`, `title`, `href`, `aria-label`, etc., vous devez appeler la valeur de la fonction avec `.value`, comme :
+#### Accéder au contenu dans Intlayer Intlayer propose différentes API pour
 
-> ```html
->
-> ```
+accéder à votre contenu : - **Syntaxe basée sur les composants** (recommandé) :
+Utilisez la syntaxe `<monContenu />`, ou `<Component :is="monContenu" />` pour rendre le contenu en tant que Nœud Intlayer. Cela s'intègre de manière
+transparente avec l'[Éditeur
+Visuel](https://github.com/aymericzip/intlayer/blob/main/docs/fr/intlayer_visual_editor.md)
+et le
+[CMS](https://github.com/aymericzip/intlayer/blob/main/docs/fr/intlayer_CMS.md).
 
-> <img src="./logo.svg" :alt="content.image.value" />
+- **Syntaxe basée sur les chaînes de caractères** : Utilisez `{{ monContenu }}`
+  pour rendre le contenu en tant que texte brut, sans prise en charge de l'Éditeur
+  Visuel.
 
-> ```
->
-> ```
+- **Syntaxe HTML brute** : Utilisez `
+<div v-html="monContenu" />
+` pour rendre le contenu en tant que HTML brut, sans prise en charge de
+l'Éditeur Visuel.
 
-### (Optionnel) Étape 6 : Changer la langue de votre contenu
+- **Syntaxe de déstructuration** : Le composable `useIntlayer`
+  retourne un Proxy avec le contenu. Ce proxy peut être déstructuré pour accéder
+  au contenu tout en conservant la réactivité.
+- Utilisez `const content = useIntlayer("monContenu");` et `{{ content.monContenu }}` / `<content.monContenu />`.
+- Ou utilisez `const { monContenu } = useIntlayer("monContenu");` et `{{ monContenu }}` / `<monContenu />` pour déstructurer le contenu.
 
-Pour changer la langue de votre contenu, vous pouvez utiliser la fonction `setLocale` fournie par le composable `useLocale`. Cette fonction vous permet de définir la locale de l'application et de mettre à jour le contenu en conséquence.
+### (Optionnel) Étape 6 : Changer la langue de votre contenu
 
-Créez un composant pour basculer entre les langues :
+Pour changer la langue de votre contenu, vous pouvez utiliser la
+fonction `setLocale` fournie par le composable `useLocale`. Cette fonction vous
+permet de définir la locale de l'application et de mettre à jour le contenu en
+conséquence. Créez un composant pour basculer entre les langues :
 
 ```vue fileName="src/components/LocaleSwitcher.vue"
 <template>
@@ -489,7 +505,6 @@ Exemple :
 
 ```plaintext
 - https://example.com/about
-
 - https://example.com/es/about
 - https://example.com/fr/about
 ```

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

@@ -0,0 +1,29 @@
+**Intlayer** est une suite de packages conçue spécifiquement pour les développeurs JavaScript. Elle est compatible avec des frameworks comme Vue, Vue et Express.js.
+
+**Le package `nuxt-intlayer`** vous permet d'internationaliser votre application Vue. Il fournit des fournisseurs de contexte et des hooks pour l'internationalisation avec Vue.
+
+## Pourquoi internationaliser votre application Vue ?
+
+Internationaliser votre application Vue est essentiel pour servir efficacement un public mondial. Cela permet à votre application de fournir du contenu et des messages dans la langue préférée de chaque utilisateur. Cette capacité améliore l'expérience utilisateur et élargit la portée de votre application en la rendant plus accessible et pertinente pour des personnes de différents horizons linguistiques.
+
+## Pourquoi intégrer Intlayer ?
+
+- **Gestion de contenu propulsée par JavaScript** : Exploitez la flexibilité de JavaScript pour définir et gérer votre contenu efficacement.
+- **Environnement sûr avec TypeScript** : Profitez de TypeScript pour garantir que toutes vos définitions de contenu soient précises et exemptes d'erreurs.
+- **Fichiers de contenu intégrés** : Gardez vos traductions proches de leurs composants respectifs, améliorant ainsi la maintenabilité et la clarté.
+
+## Installation
+
+Installez le package nécessaire en utilisant votre gestionnaire de packages préféré :
+
+```bash packageManager="npm"
+npm install nuxt-intlayer
+```
+
+```bash packageManager="yarn"
+yarn add nuxt-intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add nuxt-intlayer
+```

package/fr/roadmap.md

@@ -14,7 +14,7 @@ Intlayer est une solution de gestion de contenu et d'internationalisation conçu
 - **Distribuée** : Alternativement, divisez votre contenu en fichiers séparés au niveau des composants ou des fonctionnalités pour une meilleure maintenabilité. Cela garde votre contenu proche du code pertinent (composants, tests, Storybook, etc.). La suppression d'un composant garantit que tout contenu associé est également supprimé, évitant ainsi les données résiduelles qui encombrent votre base de code.
 
 > Ressources :
-
+>
 > - [Déclaration de contenu](https://github.com/aymericzip/intlayer/blob/main/docs/fr/dictionary/get_started.md)
 
 ### 2. Internationalisation
@@ -23,7 +23,7 @@ Intlayer est une solution de gestion de contenu et d'internationalisation conçu
 - Gérez facilement les traductions pour toutes ces locales à partir d'un seul endroit.
 
 > Ressources :
-
+>
 > - [Internationalisation](https://github.com/aymericzip/intlayer/blob/main/docs/fr/dictionary/translation.md)
 
 ### 3. Prise en charge de Markdown
@@ -32,7 +32,7 @@ Intlayer est une solution de gestion de contenu et d'internationalisation conçu
 - Idéal pour les articles de blog, les articles, les pages de documentation ou tout scénario nécessitant un formatage de texte enrichi.
 
 > Ressources :
-
+>
 > - [Markdown](https://github.com/aymericzip/intlayer/blob/main/docs/fr/dictionary/markdown.md)
 
 ### 4. Rendu conditionnel
@@ -41,7 +41,7 @@ Intlayer est une solution de gestion de contenu et d'internationalisation conçu
 - Aide à personnaliser les expériences sans dupliquer le contenu dans plusieurs fichiers.
 
 > Ressources :
-
+>
 > - [Rendu conditionnel](https://github.com/aymericzip/intlayer/blob/main/docs/fr/dictionary/condition.md)
 
 ### 5. Formats de déclaration de contenu
@@ -86,7 +86,7 @@ Intlayer prend en charge **TypeScript** (également JavaScript) et **JSON** pour
 - Entièrement compatible avec le nouveau Turbopack de Next.js ainsi qu'avec le Webpack traditionnel.
 
 > Ressources :
-
+>
 > - [Next.js](https://github.com/aymericzip/intlayer/blob/main/docs/fr/intlayer_with_nextjs_15.md)
 
 ### 2. Vite
@@ -94,7 +94,7 @@ Intlayer prend en charge **TypeScript** (également JavaScript) et **JSON** pour
 - Similaire à Next.js, vous pouvez intégrer Intlayer avec Vite et utiliser un **middleware** pour rediriger les utilisateurs vers le contenu basé sur leur langue préférée.
 
 > Ressources :
-
+>
 > - [Vite](https://github.com/aymericzip/intlayer/blob/main/docs/fr/intlayer_with_vite+react.md)
 
 ### 3. Express
@@ -103,7 +103,7 @@ Intlayer prend en charge **TypeScript** (également JavaScript) et **JSON** pour
 - Personnalisez les emails, messages d'erreur, notifications push, et plus encore avec du texte localisé.
 
 > Ressources :
-
+>
 > - [Express](https://github.com/aymericzip/intlayer/blob/main/docs/fr/intlayer_with_express.md)
 
 ---
@@ -120,7 +120,7 @@ Intlayer prend en charge **TypeScript** (également JavaScript) et **JSON** pour
 - Peut être hébergé localement ou déployé sur un serveur distant.
 
 > Ressources :
-
+>
 > - [Éditeur visuel](https://github.com/aymericzip/intlayer/blob/main/docs/fr/intlayer_visual_editor.md)
 
 ### 2. Intlayer CMS (à distance)
@@ -130,7 +130,7 @@ Intlayer prend en charge **TypeScript** (également JavaScript) et **JSON** pour
 - Interagissez avec votre contenu via l'interface de votre application en direct.
 
 > Ressources :
-
+>
 > - [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/fr/intlayer_CMS.md)
 
 ---
@@ -142,7 +142,7 @@ Intlayer prend en charge **TypeScript** (également JavaScript) et **JSON** pour
 - Utile pour les **pipelines CI/CD**, garantissant que votre contenu est toujours synchronisé avec votre code.
 
 > Ressources :
-
+>
 > - [CLI](https://github.com/aymericzip/intlayer/blob/main/docs/fr/intlayer_cli.md)
 
 ---
@@ -159,7 +159,7 @@ Intlayer prend en charge **TypeScript** (également JavaScript) et **JSON** pour
 - En utilisant des dictionnaires distants et le CMS Intlayer, vous pouvez **mettre à jour le contenu de votre application à la volée**, sans avoir besoin de redéployer.
 
 > Ressources :
-
+>
 > - [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/fr/intlayer_CMS.md)
 
 ---

package/hi/autoFill.md

@@ -67,9 +67,8 @@ src/components/example/example.filled.content.ts
 ```
 
 > `.js`, `.ts` आदि फ़ाइलों का उत्पादन निम्नानुसार काम करता है:
-
+>
 > - यदि फ़ाइल पहले से मौजूद है, तो Intlayer AST (अमूर्त वाक्यविन्यास वृक्ष) का उपयोग करके प्रत्येक फ़ील्ड को खोजने और लुप्त अनुवादों को सम्मिलित करने के लिए इसका विश्लेषण करेगा।
-
 > - यदि फ़ाइल मौजूद नहीं है, तो Intlayer सामग्री घोषणा फ़ाइलों के लिए डिफ़ॉल्ट टेम्पलेट का उपयोग करके इसे उत्पन्न करेगा।
 
 ## निरपेक्ष पथ

package/hi/how_works_intlayer.md

@@ -196,7 +196,7 @@ Intlayer को [Vite बंडलर](https://vite.dev/guide/why.html#why-bundl
 
 `@intlayer/babel` पैकेज Vite और Webpack आधारित एप्लिकेशनों के लिए शब्दकोशों की बंडलिंग को अनुकूलित करने वाले उपकरण प्रदान करता है।
 
-### @intlayer/swc (WIP)
+### @intlayer/swc
 
 `@intlayer/swc` पैकेज Next.js एप्लिकेशनों के लिए शब्दकोशों की बंडलिंग को अनुकूलित करने वाले उपकरण प्रदान करता है।
 

package/hi/intlayer_with_create_react_app.md

@@ -334,13 +334,7 @@ const App = () => (
 > नोट: यदि आप अपने कंटेंट को `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/hi/packages/react-intlayer/useIntlayer.md) देखें।
@@ -1177,21 +1171,14 @@ const LocaleSwitcher = () => {
 ```
 
 > दस्तावेज़ संदर्भ:
-
+>
 > - [`useLocale` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/react-intlayer/useLocale.md)
-
 > - [`getLocaleName` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/intlayer/getLocaleName.md)
-
 > - [`getLocalizedUrl` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/intlayer/getLocalizedUrl.md)
-
 > - [`getHTMLTextDir` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/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/hi/intlayer_with_nextjs_14.md

@@ -578,13 +578,7 @@ const ServerComponentExample = () => {
 > यदि आप अपनी सामग्री को `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/hi/packages/next-intlayer/useIntlayer.md) देखें।
@@ -1071,21 +1065,14 @@ const LocaleSwitcher = () => {
 ```
 
 > दस्तावेज़ संदर्भ:
-
+>
 > - [`useLocale` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/next-intlayer/useLocale.md)
-
 > - [`getLocaleName` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/intlayer/getLocaleName.md)
-
 > - [`getLocalizedUrl` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/intlayer/getLocalizedUrl.md)
-
 > - [`getHTMLTextDir` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/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/hi/intlayer_with_nextjs_15.md

@@ -587,13 +587,7 @@ const ServerComponentExample = () => {
 > यदि आप अपनी सामग्री का उपयोग किसी `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/hi/packages/next-intlayer/useIntlayer.md) देखें।
@@ -1108,21 +1102,14 @@ export const LocaleSwitcher = () => {
 ```
 
 > दस्तावेज़ संदर्भ:
-
+>
 > - [`useLocale` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/next-intlayer/useLocale.md)
-
 > - [`getLocaleName` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/intlayer/getLocaleName.md)
-
 > - [`getLocalizedUrl` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/intlayer/getLocalizedUrl.md)
-
 > - [`getHTMLTextDir` हुक](https://github.com/aymericzip/intlayer/blob/main/docs/hi/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/hi/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/hi/packages/next-intlayer/useIntlayer.md) देखें।
@@ -875,19 +869,13 @@ const LocaleSwitcher = () => {
 > The `useLocalePageRouter` API is the same as `useLocale`. To Learn more about the `useLocale` hook, refer to the [documentation](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/next-intlayer/useLocale.md).
 
 > Documentation references:
-
+>
 > - [`getLocaleName` hook](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/intlayer/getLocaleName.md)
-
 > - [`getLocalizedUrl` hook](https://github.com/aymericzip/intlayer/blob/main/docs/hi/packages/intlayer/getLocalizedUrl.md)
-
 > - [`getHTMLTextDir` hook](https://github.com/aymericzip/intlayer/blob/main/docs/hi/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)
 
 ### (Optional) Step 10: Creating a Localized Link Component