@intlayer/docs 8.11.2 → 8.11.3

package/docs/hi/interest_of_intlayer.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-14
-updatedAt: 2025-09-27
+updatedAt: 2026-05-31
 title: Intlayer का महत्व
 description: अपने प्रोजेक्ट्स में Intlayer का उपयोग करने के लाभों और फायदों की खोज करें। समझें कि Intlayer अन्य फ्रेमवर्क के बीच क्यों अलग खड़ा है।
 keywords:
@@ -13,6 +13,9 @@ slugs:
   - doc
   - why
 history:
+  - version: 8.11.2
+    date: 2026-05-31
+    changes: "वैकल्पिक अनुभाग पर व्हाय इन्टलेयर जोड़ें"
   - version: 7.3.1
     date: 2025-11-27
     changes: "कंपाइलर रिलीज़"
@@ -26,197 +29,41 @@ history:
 
 # आपको Intlayer पर विचार क्यों करना चाहिए?
 
-## Intlayer क्या है?
-
-**Intlayer** एक अंतर्राष्ट्रीयकरण (internationalization) लाइब्रेरी है जिसे विशेष रूप से जावास्क्रिप्ट डेवलपर्स के लिए डिज़ाइन किया गया है। यह आपके कोड में हर जगह आपकी सामग्री की घोषणा करने की अनुमति देता है। यह बहुभाषी सामग्री की घोषणाओं को आपके कोड में आसानी से एकीकृत करने के लिए संरचित डिक्शनरी में बदल देता है। टाइपस्क्रिप्ट (TypeScript) का उपयोग करके, **Intlayer** आपके विकास को मजबूत और कुशल बनाता है।
-
-## Intlayer क्यों बनाया गया था?
-
-Intlayer को एक सामान्य समस्या को हल करने के लिए बनाया गया था जो सभी सामान्य i18n लाइब्रेरी जैसे `next-intl`, `react-i18next`, `react-intl`, `next-i18next`, `react-intl`, और `vue-i18n` को प्रभावित करती है।
-
-ये सभी समाधान आपकी सामग्री को सूचीबद्ध करने और प्रबंधित करने के लिए एक केंद्रीकृत दृष्टिकोण अपनाते हैं। उदाहरण के लिए:
-
-```bash
-.
-├── locales
-│   ├── en.json
-│   ├── es.json
-│   └── fr.json
-├── i18n.ts
-└── src
-    └── components
-        └── MyComponent
-            └── index.tsx
-```
-
-या यहाँ नेमस्पेस (namespaces) का उपयोग करते हुए:
-
-```bash
-.
-├── locales
-│   ├── en
-│   │  ├── footer.json
-│   │  └── navbar.json
-│   ├── fr
-│   │  ├── footer.json
-│   │  └── navbar.json
-│   └── es
-│      ├── footer.json
-│      └── navbar.json
-├── i18n.ts
-└── src
-    └── components
-        └── MyComponent
-            └── index.tsx
-```
-
-इस प्रकार की वास्तुकला विकास प्रक्रिया को धीमा कर देती है और कई कारणों से कोडबेस को बनाए रखना अधिक जटिल बना देती है:
-
-1. **बनाए गए किसी भी नए घटक के लिए, आपको यह करना चाहिए:**
-   - `locales` फ़ोल्डर में नया संसाधन/नेमस्पेस बनाएं
-   - अपने पेज में नया नेमस्पेस आयात करना याद रखें
-   - अपनी सामग्री का अनुवाद करें (अक्सर एआई प्रदाताओं से कॉपी/पेस्ट करके मैन्युअल रूप से किया जाता है)
-
-2. **अपने घटकों पर किए गए किसी भी बदलाव के लिए, आपको यह करना चाहिए:**
-   - संबंधित संसाधन/नेमस्पेस खोजें (घटक से दूर)
-   - अपनी सामग्री का अनुवाद करें
-   - सुनिश्चित करें कि आपकी सामग्री किसी भी लोकेल के लिए अप टू डेट है
-   - सत्यापित करें कि आपके नेमस्पेस में अप्रयुक्त कुंजियाँ/मान शामिल नहीं हैं
-   - सुनिश्चित करें कि आपकी JSON फ़ाइलों की संरचना सभी लोकेल के लिए समान है
-
-इन समाधानों का उपयोग करने वाले पेशेवर प्रोजेक्ट्स पर, आपकी सामग्री के अनुवाद को प्रबंधित करने में मदद करने के लिए अक्सर स्थानीयकरण (localization) प्लेटफार्मों का उपयोग किया जाता है। हालाँकि, बड़े प्रोजेक्ट्स के लिए यह जल्दी ही महंगा हो सकता है।
-
-इस समस्या को हल करने के लिए, Intlayer एक ऐसा दृष्टिकोण अपनाता है जो आपकी सामग्री को प्रति-घटक (per-component) स्कोप करता है और आपकी सामग्री को आपके घटक के करीब रखता है, जैसा कि हम अक्सर CSS (`styled-components`), प्रकार, दस्तावेज़ीकरण (`storybook`), या यूनिट टेस्ट (`jest`) के साथ करते हैं।
-
-```bash codeFormat="typescript"
-.
-└── components
-    └── MyComponent
-        ├── index.content.ts
-        ├── index.test.tsx
-        ├── index.stories.tsx
-        └── index.tsx
-```
-
-```bash codeFormat="commonjs"
-.
-└── components
-    └── MyComponent
-        ├── index.content.cjs
-        ├── index.test.mjs
-        ├── index.stories.mjs
-        └── index.tsx
-```
-
-```bash codeFormat="esm"
-.
-└── components
-    └── MyComponent
-        ├── index.content.mjs
-        ├── index.test.mjs
-        ├── index.stories.mjs
-        └── index.tsx
-```
-
-```tsx fileName="./components/MyComponent/index.content.ts" codeFormat={["typescript", "esm", "commonjs"]}
-import { t, type Dictionary } from "intlayer";
-
-const componentExampleContent = {
-  key: "component-example",
-  content: {
-    myTranslatedContent: t({
-      en: "Hello World",
-      es: "Hola Mundo",
-      fr: "Bonjour le monde",
-    }),
-  },
-} satisfies Dictionary;
-
-export default componentExampleContent;
-```
-
-```tsx fileName="./components/MyComponent/index.tsx" codeFormat={["typescript", "esm"]}
-import { useIntlayer } from "react-intlayer";
-
-export const ComponentExample = () => {
-  const { myTranslatedContent } = useIntlayer("component-example");
-
-  return <span>{myTranslatedContent}</span>;
-};
-```
-
-यह दृष्टिकोण आपको अनुमति देता है:
-
-1. **विकास की गति बढ़ाएँ**
-   - `.content.{{ts|mjs|cjs|json}}` फ़ाइलें VSCode एक्सटेंशन का उपयोग करके बनाई जा सकती हैं
-   - आपके IDE में ऑटो-पूर्ण एआई टूल (जैसे GitHub Copilot) आपकी सामग्री घोषित करने में आपकी सहायता कर सकते हैं, जिससे कॉपी/पेस्ट कम हो जाता है
-
-2. **अपने कोडबेस को साफ करें**
-   - जटिलता कम करें
-   - रखरखाव बढ़ाएँ
-
-3. **अपने घटकों और उनकी संबंधित सामग्री को अधिक आसानी से डुप्लिकेट करें (उदाहरण: लॉगिन/रजिस्टर घटक, आदि)**
-   - अन्य घटकों की सामग्री को प्रभावित करने के जोखिम को सीमित करके
-   - बाहरी निर्भरता के बिना अपनी सामग्री को एक एप्लिकेशन से दूसरे एप्लिकेशन में कॉपी/पेस्ट करके
-
-4. **अप्रयुक्त घटकों के लिए अप्रयुक्त कुंजियों/मानों के साथ अपने कोडबेस को प्रदूषित करने से बचें**
-   - यदि आप किसी घटक का उपयोग नहीं करते हैं, तो Intlayer उसकी संबंधित सामग्री आयात नहीं करेगा
-   - यदि आप किसी घटक को हटाते हैं, तो आप उसकी संबंधित सामग्री को हटाना अधिक आसानी से याद रखेंगे क्योंकि वह उसी फ़ोल्डर में मौजूद होगी
-
-5. **अपनी बहुभाषी सामग्री घोषित करने के लिए एआई एजेंटों के लिए तर्क लागत कम करें**
-   - एआई एजेंट को यह जानने के लिए आपके पूरे कोडबेस को स्कैन नहीं करना पड़ेगा कि आपकी सामग्री को कहाँ लागू करना है
-   - अनुवाद आपके IDE में ऑटो-पूर्ण एआई टूल (जैसे GitHub Copilot) द्वारा आसानी से किए जा सकते हैं
-
-6. **लोडिंग प्रदर्शन को ऑप्टिमाइज़ करें**
-   - यदि कोई घटक लेज़ी-लोडेड (lazy-loaded) है, तो उसकी संबंधित सामग्री उसी समय लोड होगी
-
-## Intlayer की अतिरिक्त विशेषताएं
-
-| विशेषता                                                                                                                   | विवरण                                                                                                                                                                                                                                                                                                                                                                                                             |
-| ------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| ![विशेषता](https://github.com/aymericzip/intlayer/blob/main/docs/assets/frameworks.png?raw=true)                          | **क्रॉस-फ्रेमवर्क समर्थन**<br><br>Intlayer सभी प्रमुख फ्रेमवर्क और लाइब्रेरी के साथ संगत है, जिसमें Next.js, React, Vite, Vue.js, Nuxt, Preact, Express और बहुत कुछ शामिल हैं।                                                                                                                                                                                                                                    |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/javascript_content_management.jpg?raw=true)       | **जावास्क्रिप्ट-संचालित सामग्री प्रबंधन**<br><br>अपनी सामग्री को कुशलतापूर्वक परिभाषित और प्रबंधित करने के लिए जावास्क्रिप्ट के लचीलेपन का लाभ उठाएं। <br><br> - [सामग्री घोषणा](https://intlayer.org/doc/concept/content)                                                                                                                                                                                        |
-| <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/compiler.jpg?raw=true" alt="विशेषता" width="700">  | **कंपाइलर**<br><br>Intlayer कंपाइलर घटकों से सामग्री को स्वचालित रूप से निकालता है और डिक्शनरी फाइलें उत्पन्न करता है।<br><br> - [कंपाइलर](https://intlayer.org/doc/compiler)                                                                                                                                                                                                                                     |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/per_locale_content_declaration_file.png?raw=true) | **प्रति-लोकेल सामग्री घोषणा फ़ाइल**<br><br>स्वचालित जनरेशन से पहले, अपनी सामग्री को एक बार घोषित करके अपने विकास को गति दें।<br><br> - [प्रति-लोकेल सामग्री घोषणा फ़ाइल](https://intlayer.org/doc/concept/per-locale-file)                                                                                                                                                                                        |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)                      | **टाइप-सेफ एनवायरमेंट**<br><br>यह सुनिश्चित करने के लिए टाइपस्क्रिप्ट का लाभ उठाएं कि आपकी सामग्री परिभाषाएं और कोड त्रुटि मुक्त हैं, जबकि आईडीई ऑटो-पूर्ण से भी लाभान्वित हों।<br><br> - [टाइपस्क्रिप्ट कॉन्फ़िगरेशन](https://intlayer.org/doc/environment/vite-and-react#configure-typescript)                                                                                                                  |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/config_file.png?raw=true)                         | **सरलीकृत सेटअप**<br><br>न्यूनतम कॉन्फ़िगरेशन के साथ जल्दी से काम शुरू करें। अंतर्राष्ट्रीयकरण, राउटिंग, एआई, बिल्ड और सामग्री हैंडलिंग के लिए सेटिंग्स को आसानी से समायोजित करें। <br><br> - [Next.js एकीकरण का अन्वेषण करें](https://intlayer.org/doc/environment/nextjs)                                                                                                                                       |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/content_retrieval.png?raw=true)                   | **सरलीकृत सामग्री पुनर्प्राप्ति**<br><br>सामग्री के प्रत्येक टुकड़े के लिए अपने `t` फ़ंक्शन को कॉल करने की आवश्यकता नहीं है। एकल हुक का उपयोग करके सीधे अपनी सभी सामग्री प्राप्त करें।<br><br> - [React एकीकरण](https://intlayer.org/doc/environment/create-react-app)                                                                                                                                            |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/server_component.png?raw=true)                    | **सुसंगत सर्वर घटक कार्यान्वयन**<br><br>Next.js सर्वर घटकों के लिए पूरी तरह से उपयुक्त, क्लाइंट और सर्वर दोनों घटकों के लिए एक ही कार्यान्वयन का उपयोग करें, प्रत्येक सर्वर घटक के माध्यम से अपने `t` फ़ंक्शन को पारित करने की आवश्यकता नहीं है। <br><br> - [सर्वर घटक](https://intlayer.org/doc/environment/nextjs#step-7-utilize-content-in-your-code)                                                          |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/file_tree.png?raw=true)                           | **व्यवस्थित कोडबेस**<br><br>अपने कोडबेस को अधिक व्यवस्थित रखें: 1 घटक = उसी फ़ोल्डर में 1 डिक्शनरी। उनके संबंधित घटकों के करीब अनुवाद रखरखाव और स्पष्टता को बढ़ाते हैं। <br><br> - [Intlayer कैसे काम करता है](https://intlayer.org/doc/concept/how-works-intlayer)                                                                                                                                               |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/url_routing.png?raw=true)                         | **बेहतर राउटिंग**<br><br>Next.js, React, Vite, Vue.js आदि के लिए जटिल एप्लिकेशन संरचनाओं के लिए निर्बाध रूप से अनुकूलित ऐप राउटिंग का पूर्ण समर्थन।<br><br> - [Next.js एकीकरण का अन्वेषण करें](https://intlayer.org/doc/environment/nextjs)                                                                                                                                                                       |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/markdown.png?raw=true)                            | **मार्कडाउन समर्थन**<br><br>गोपनीयता नीतियों, दस्तावेज़ीकरण आदि जैसी बहुभाषी सामग्री के लिए लोकेल फ़ाइलों और दूरस्थ मार्कडाउन को आयात और व्याख्या करें। अपने कोड में मार्कडाउन मेटाडेटा की व्याख्या करें और उसे सुलभ बनाएं।<br><br> - [सामग्री फ़ाइलें](https://intlayer.org/doc/concept/content/file)                                                                                                            |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/visual_editor.png?raw=true)                       | **मुफ़्त विजुअल एडिटर और CMS**<br><br>सामग्री लेखकों के लिए एक मुफ़्त विजुअल एडिटर और CMS उपलब्ध है, जो स्थानीयकरण प्लेटफॉर्म की आवश्यकता को समाप्त करता है। Git का उपयोग करके अपनी सामग्री को सिंक रखें, या इसे CMS के साथ पूरी तरह या आंशिक रूप से बाहरी बनाएं।<br><br> - [Intlayer एडिटर](https://intlayer.org/doc/concept/editor) <br> - [Intlayer CMS](https://intlayer.org/doc/concept/cms)                 |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/bundle.png?raw=true)                              | **Tree-shakable सामग्री**<br><br>Tree-shakable सामग्री, अंतिम बंडल के आकार को कम करती है। प्रति घटक सामग्री लोड करता है, आपके बंडल से किसी भी अप्रयुक्त सामग्री को छोड़कर। ऐप लोडिंग दक्षता बढ़ाने के लिए लेज़ी लोडिंग का समर्थन करता है। <br><br> - [ऐप बिल्ड ऑप्टिमाइज़ेशन](https://intlayer.org/doc/concept/how-works-intlayer#app-build-optimization)                                                         |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/static_rendering.png?raw=true)                    | **स्टैटिक रेंडरिंग**<br><br>स्टैटिक रेंडरिंग को ब्लॉक नहीं करता है। <br><br> - [Next.js एकीकरण](https://intlayer.org/doc/environment/nextjs)                                                                                                                                                                                                                                                                      |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/AI_translation.png?raw=true)                      | **एआई-संचालित अनुवाद**<br><br>अपने स्वयं के एआई प्रदाता/एपीआई कुंजी के साथ Intlayer के उन्नत एआई-संचालित अनुवाद टूल का उपयोग करके केवल एक क्लिक के साथ अपनी वेबसाइट को 231 भाषाओं में बदलें। <br><br> - [CI/CD एकीकरण](https://intlayer.org/doc/concept/ci-cd) <br> - [Intlayer CLI](https://intlayer.org/doc/concept/cli) <br> - [ऑटो फिल](https://intlayer.org/doc/concept/auto-fill)                           |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/mcp.png?raw=true)                                 | **MCP सर्वर एकीकरण**<br><br>IDE ऑटोमेशन के लिए एक MCP (Model Context Protocol) सर्वर प्रदान करता है, जो आपके विकास परिवेश के भीतर निर्बाध सामग्री प्रबंधन और i18n वर्कफ़्लो को सक्षम बनाता है। <br><br> - [MCP सर्वर](https://github.com/aymericzip/intlayer/blob/main/docs/hi/mcp_server.md)                                                                                                                     |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/vscode_extension.png?raw=true)                    | **VSCode एक्सटेंशन**<br><br>Intlayer आपकी सामग्री और अनुवादों को प्रबंधित करने, अपनी डिक्शनरी बनाने, अपनी सामग्री का अनुवाद करने और बहुत कुछ करने में आपकी सहायता के लिए एक VSCode एक्सटेंशन प्रदान करता है। <br><br> - [VSCode एक्सटेंशन](https://intlayer.org/doc/vs-code-extension)                                                                                                                            |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/interoperability.png?raw=true)                    | **पारस्परिक संचालन (Interoperability)**<br><br>react-i18next, next-i18next, next-intl, और react-intl के साथ पारस्परिक संचालन को सक्षम बनाता है। <br><br> - [Intlayer और react-intl](https://intlayer.org/blog/intlayer-with-react-intl) <br> - [Intlayer और next-intl](https://intlayer.org/blog/intlayer-with-next-intl) <br> - [Intlayer और next-i18next](https://intlayer.org/blog/intlayer-with-next-i18next) |
-| लापता अनुवादों का परीक्षण (CLI/CI)                                                                                        | ✅ CLI: npx intlayer content test (CI-अनुकूल ऑडिट)                                                                                                                                                                                                                                                                                                                                                                |
-
-## अन्य समाधानों के साथ Intlayer की तुलना
-
-| विशेषता                                              | `intlayer`                                                                                                                                                          | `react-i18next`                                                                                               | `react-intl` (FormatJS)                                                                                                              | `lingui`                                                                      | `next-intl`                                                                                                   | `next-i18next`                                                                                                | `vue-i18n`                                                              |
-| ---------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- |
-| **घटकों के पास अनुवाद**                              | ✅ हाँ, सामग्री प्रत्येक घटक के साथ स्थित है                                                                                                                        | ❌ नहीं                                                                                                       | ❌ नहीं                                                                                                                              | ❌ नहीं                                                                       | ❌ नहीं                                                                                                       | ❌ नहीं                                                                                                       | ✅ हाँ - `Single File Components` (SFCs) का उपयोग करते हुए              |
-| **टाइपस्क्रिप्ट एकीकरण**                             | ✅ उन्नत, स्वचालित रूप से उत्पन्न सख्त प्रकार                                                                                                                       | ⚠️ बुनियादी; सुरक्षा के लिए अतिरिक्त कॉन्फ़िगरेशन की आवश्यकता है                                              | ✅ अच्छा, लेकिन कम सख्त                                                                                                              | ⚠️ टाइपिंग, कॉन्फ़िगरेशन की आवश्यकता है                                       | ✅ अच्छा                                                                                                      | ⚠️ बुनियादी                                                                                                   | ✅ अच्छा (प्रकार उपलब्ध हैं; कुंजी-सुरक्षा के लिए सेटअप चाहिए)          |
-| **लापता अनुवाद का पता लगाना**                        | ✅ टाइपस्क्रिप्ट त्रुटि हाइलाइट और बिल्ड-टाइम त्रुटि/चेतावनी                                                                                                        | ⚠️ ज्यादातर रनटाइम पर फ़ालबैक (fallback) स्ट्रिंग्स                                                           | ⚠️ फ़ालबैक स्ट्रिंग्स                                                                                                                | ⚠️ अतिरिक्त कॉन्फ़िगरेशन की आवश्यकता है                                       | ⚠️ रनटाइम फ़ालबैक                                                                                             | ⚠️ रनटाइम फ़ालबैक                                                                                             | ⚠️ रनटाइम फ़ालबैक/चेतावनी (कॉन्फ़िगर करने योग्य)                        |
-| **रिच सामग्री (JSX/Markdown/घटक)**                   | ✅ प्रत्यक्ष समर्थन                                                                                                                                                 | ⚠️ सीमित / केवल प्रक्षेप (interpolation)                                                                      | ⚠️ ICU सिंटैक्स, वास्तविक JSX नहीं                                                                                                   | ⚠️ सीमित                                                                      | ❌ रिच नोड्स के लिए डिज़ाइन नहीं किया गया है                                                                  | ⚠️ सीमित                                                                                                      | ⚠️ सीमित (`<i18n-t>` के माध्यम से घटक, प्लगइन्स के माध्यम से मार्कडाउन) |
-| **एआई-संचालित अनुवाद**                               | ✅ हाँ, कई एआई प्रदाताओं का समर्थन करता है। अपनी स्वयं की एपीआई कुंजियों का उपयोग करके उपयोग करने योग्य। आपके एप्लिकेशन के संदर्भ और सामग्री दायरे पर विचार करता है | ❌ नहीं                                                                                                       | ❌ नहीं                                                                                                                              | ❌ नहीं                                                                       | ❌ नहीं                                                                                                       | ❌ नहीं                                                                                                       | ❌ नहीं                                                                 |
-| **विजुअल एडिटर**                                     | ✅ हाँ, स्थानीय विजुअल एडिटर + वैकल्पिक CMS; कोडबेस सामग्री को बाहरी बना सकता है; एम्बेड करने योग्य                                                                 | ❌ नहीं / बाहरी स्थानीयकरण प्लेटफार्मों के माध्यम से उपलब्ध                                                   | ❌ नहीं / बाहरी स्थानीयकरण प्लेटफार्मों के माध्यम से उपलब्ध                                                                          | ❌ नहीं / बाहरी स्थानीयकरण प्लेटफार्मों के माध्यम से उपलब्ध                   | ❌ नहीं / बाहरी स्थानीयकरण प्लेटफार्मों के माध्यम से उपलब्ध                                                   | ❌ नहीं / बाहरी स्थानीयकरण प्लेटफार्मों के माध्यम से उपलब्ध                                                   | ❌ नहीं / बाहरी स्थानीयकरण प्लेटफार्मों के माध्यम से उपलब्ध             |
-| **स्थानीयकृत राउटिंग**                               | ✅ हाँ, स्थानीयकृत पथों का आउट-ऑफ-द-बॉक्स समर्थन करता है (Next.js और Vite के साथ काम करता है)                                                                       | ⚠️ अंतर्निहित नहीं, प्लगइन्स (जैसे `next-i18next`) या कस्टम राउटर कॉन्फ़िगरेशन की आवश्यकता है                 | ❌ नहीं, केवल संदेश स्वरूपण, राउटिंग मैन्युअल होनी चाहिए                                                                             | ⚠️ अंतर्निहित नहीं, प्लगइन्स या मैन्युअल कॉन्फ़िगरेशन की आवश्यकता है          | ✅ अंतर्निहित, App Router `[locale]` सेगमेंट का समर्थन करता है                                                | ✅ अंतर्निहित                                                                                                 | ✅ अंतर्निहित                                                           |
-| **डायनेमिक रूट जनरेशन**                              | ✅ हाँ                                                                                                                                                              | ⚠️ प्लगइन/पारिस्थितिकी तंत्र या मैन्युअल सेटअप                                                                | ❌ प्रदान नहीं किया गया                                                                                                              | ⚠️ प्लगइन/मैन्युअल                                                            | ✅ हाँ                                                                                                        | ✅ हाँ                                                                                                        | ❌ प्रदान नहीं किया गया (Nuxt i18n प्रदान करता है)                      |
-| **बहुवचन (Pluralization)**                           | ✅ गणना-आधारित पैटर्न                                                                                                                                               | ✅ कॉन्फ़िगर करने योग्य (i18next-icu जैसे प्लगइन्स)                                                           | ✅ (ICU)                                                                                                                             | ✅ (ICU/messageformat)                                                        | ✅ अच्छा                                                                                                      | ✅ अच्छा                                                                                                      | ✅ अंतर्निहित बहुवचन नियम                                               |
-| **स्वरूपण (तारीखें, संख्याएँ, मुद्राएँ)**            | ✅ ऑप्टिमाइज़्ड फ़ॉर्मेटर्स (हुड के नीचे Intl)                                                                                                                      | ⚠️ प्लगइन्स या कस्टम Intl उपयोग के माध्यम से                                                                  | ✅ ICU फ़ॉर्मेटर्स                                                                                                                   | ✅ ICU/CLI हेल्पर्स                                                           | ✅ अच्छा (Intl हेल्पर्स)                                                                                      | ✅ अच्छा (Intl हेल्पर्स)                                                                                      | ✅ अंतर्निहित दिनांक/संख्या फ़ॉर्मेटर्स (Intl)                          |
-| **सामग्री प्रारूप**                                  | ✅ .tsx, .ts, .js, .json, .md, .txt, (.yaml कार्य जारी)                                                                                                             | ⚠️ .json                                                                                                      | ✅ .json, .js                                                                                                                        | ⚠️ .po, .json                                                                 | ✅ .json, .js, .ts                                                                                            | ⚠️ .json                                                                                                      | ✅ .json, .js                                                           |
-| **ICU समर्थन**                                       | ⚠️ कार्य जारी                                                                                                                                                       | ⚠️ प्लगइन (i18next-icu) के माध्यम से                                                                          | ✅ हाँ                                                                                                                               | ✅ हाँ                                                                        | ✅ हाँ                                                                                                        | ⚠️ प्लगइन (`i18next-icu`) के माध्यम से                                                                        | ⚠️ कस्टम फ़ॉर्मेटर/कंपाइलर के माध्यम से                                 |
-| **SEO हेल्पर्स (hreflang, sitemap)**                 | ✅ अंतर्निहित टूल: sitemap, robots.txt, मेटाडेटा के लिए हेल्पर्स                                                                                                    | ⚠️ सामुदायिक प्लगइन्स/मैन्युअल                                                                                | ❌ कोर नहीं                                                                                                                          | ❌ कोर नहीं                                                                   | ✅ अच्छा                                                                                                      | ✅ अच्छा                                                                                                      | ❌ कोर नहीं (Nuxt i18n हेल्पर्स प्रदान करता है)                         |
-| **पारिस्थितिकी तंत्र / समुदाय**                      | ⚠️ छोटा लेकिन तेजी से बढ़ रहा है और प्रतिक्रियाशील है                                                                                                               | ✅ सबसे बड़ा और परिपक्व                                                                                       | ✅ बड़ा                                                                                                                              | ⚠️ छोटा                                                                       | ✅ मध्यम आकार का, Next.js-केंद्रित                                                                            | ✅ मध्यम आकार का, Next.js-केंद्रित                                                                            | ✅ Vue पारिस्थितिकी तंत्र में बड़ा                                      |
-| **सर्वर-साइड रेंडरिंग और सर्वर घटक**                 | ✅ हाँ, SSR / React सर्वर घटकों के लिए सुव्यवस्थित                                                                                                                  | ⚠️ पेज स्तर पर समर्थित है लेकिन बच्चों के सर्वर घटकों के लिए घटक ट्री पर t-फ़ंक्शंस पारित करने की आवश्यकता है | ⚠️ अतिरिक्त सेटअप के साथ पेज स्तर पर समर्थित है, लेकिन बच्चों के सर्वर घटकों के लिए घटक ट्री पर t-फ़ंक्शंस पारित करने की आवश्यकता है | ✅ समर्थित, सेटअप की आवश्यकता है                                              | ⚠️ पेज स्तर पर समर्थित है लेकिन बच्चों के सर्वर घटकों के लिए घटक ट्री पर t-फ़ंक्शंस पारित करने की आवश्यकता है | ⚠️ पेज स्तर पर समर्थित है लेकिन बच्चों के सर्वर घटकों के लिए घटक ट्री पर t-फ़ंक्शंस पारित करने की आवश्यकता है | ✅ Nuxt/Vue SSR के माध्यम से SSR (कोई RSC नहीं)                         |
-| **Tree-shaking (केवल उपयोग की गई सामग्री लोड करें)** | ✅ हाँ, बेबेल/SWC प्लगइन्स के माध्यम से बिल्ड टाइम पर प्रति घटक                                                                                                     | ⚠️ आमतौर पर सभी लोड करता है (नेमस्पेस/कोड-स्प्लिटिंग के साथ सुधार किया जा सकता है)                            | ⚠️ आमतौर पर सभी लोड करता है                                                                                                          | ❌ डिफ़ॉल्ट नहीं                                                              | ⚠️ आंशिक                                                                                                      | ⚠️ आंशिक                                                                                                      | ⚠️ आंशिक (कोड-स्प्लिटिंग/मैन्युअल सेटअप के साथ)                         |
-| **लेज़ी लोडिंग**                                     | ✅ हाँ, प्रति लोकेल / प्रति डिक्शनरी                                                                                                                                | ✅ हाँ (उदाहरण के लिए, मांग पर बैकएंड/नेमस्पेस)                                                               | ✅ हाँ (विभाजित लोकेल बंडल)                                                                                                          | ✅ हाँ (गतिशील कैटलॉग आयात)                                                   | ✅ हाँ (प्रति रूट/प्रति लोकेल), नेमस्पेस प्रबंधन की आवश्यकता है                                               | ✅ हाँ (प्रति रूट/प्रति लोकेल), नेमस्पेस प्रबंधन की आवश्यकता है                                               | ✅ हाँ (एसिंक्रोनस लोकेल संदेश)                                         |
-| **अप्रयुक्त सामग्री को साफ़ करें**                   | ✅ हाँ, बिल्ड टाइम पर प्रति डिक्शनरी                                                                                                                                | ❌ नहीं, केवल मैन्युअल नेमस्पेस विभाजन के माध्यम से                                                           | ❌ नहीं, सभी घोषित संदेश बंडल किए गए हैं                                                                                             | ✅ हाँ, अप्रयुक्त कुंजियों का पता लगाया जाता है और बिल्ड पर छोड़ दिया जाता है | ❌ नहीं, नेमस्पेस प्रबंधन के साथ मैन्युअल रूप से प्रबंधित किया जा सकता है                                     | ❌ नहीं, नेमस्पेस प्रबंधन के साथ मैन्युअल रूप से प्रबंधित किया जा सकता है                                     | ❌ नहीं, केवल मैन्युअल लेज़ी-लोडिंग के माध्यम से संभव है                |
-| **बड़े प्रोजेक्ट्स का प्रबंधन**                      | ✅ प्रतिरूपकता (modularity) को प्रोत्साहित करता है, डिज़ाइन सिस्टम के लिए उपयुक्त है                                                                                | ⚠️ अच्छे फ़ाइल अनुशासन की आवश्यकता है                                                                         | ⚠️ केंद्रीय कैटलॉग बड़े हो सकते हैं                                                                                                  | ⚠️ जटिल हो सकता है                                                            | ✅ सेटअप के साथ मॉड्यूलर                                                                                      | ✅ सेटअप के साथ मॉड्यूलर                                                                                      | ✅ Vue Router/Nuxt i18n सेटअप के साथ मॉड्यूलर                           |
+## विकल्पों पर इन्टलेयर क्यों?
+
+`नेक्स्ट-इंटल` या `आई18नेक्स्ट` जैसे मुख्य समाधानों की तुलना में, इंटलेयर एक ऐसा समाधान है जो एकीकृत अनुकूलन के साथ आता है जैसे:
+
+**बंडल का आकार**
+
+अपने पृष्ठों में विशाल JSON फ़ाइलें लोड करने के बजाय, केवल आवश्यक सामग्री लोड करें। इंटलेयर आपके बंडल और पृष्ठ आकार को 50% तक कम करने में मदद करता है।
+
+**रखरखाव**
+
+आपके एप्लिकेशन की सामग्री का दायरा बड़े पैमाने के अनुप्रयोगों के लिए **रखरखाव की सुविधा प्रदान करता है**। आप अपने संपूर्ण सामग्री कोडबेस की समीक्षा करने के मानसिक बोझ के बिना किसी एक फीचर फ़ोल्डर की नकल कर सकते हैं या उसे हटा सकते हैं। इसके अतिरिक्त, आपकी सामग्री की सटीकता सुनिश्चित करने के लिए Intlayer **पूरी तरह से टाइप किया गया** है।
+
+**एआई एजेंट**
+
+सामग्री का सह-स्थानीकरण **बड़े भाषा मॉडल (एलएलएम) द्वारा आवश्यक संदर्भ को कम करता है**। इंटलेयर टूल के एक सूट के साथ भी आता है, जैसे **CLI** ताकि लापता अनुवादों का परीक्षण किया जा सके,**[LSP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/lsp.md)**, **[MCP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/mcp_server.md)**, और **[एजेंट कौशल](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/agent_skills.md)**, AI एजेंटों के लिए डेवलपर अनुभव (DX) को और भी आसान बनाने के लिए।
+
+**विशेषता**
+
+इंटलेयर अतिरिक्त सुविधाओं की एक श्रृंखला प्रदान करता है जो अन्य i18n समाधानों में नहीं है, जैसे [मार्कडाउन समर्थन] (https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/dictionary/markdown.md), [बाहरी ला रहा है सामग्री](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/dictionary/function_fetching.md), [फ़ाइल सामग्री लोड हो रही है](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/dictionary/file.md), [लाइव सामग्री अपडेट](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/cli/live.md), [विज़ुअल एडिटर](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_visual_editor.md) और बहुत कुछ।
+
+**स्वचालन**
+
+अपने एआई प्रदाता की कीमत पर अपनी पसंद के एलएलएम का उपयोग करके अपने सीआई/सीडी पाइपलाइन में अनुवाद करने के लिए स्वचालन का उपयोग करें। इंटलेयर सामग्री निष्कर्षण को स्वचालित करने के लिए एक **कंपाइलर** के साथ-साथ **पृष्ठभूमि में अनुवाद** में मदद करने के लिए एक [वेब प्लेटफ़ॉर्म](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_CMS.md) भी प्रदान करता है।
+
+**प्रदर्शन**
+
+बड़े पैमाने पर JSON फ़ाइलों को घटकों से जोड़ने से प्रदर्शन और प्रतिक्रियाशीलता संबंधी समस्याएं हो सकती हैं। इंटलेयर बिल्ड समय पर आपकी सामग्री लोडिंग को अनुकूलित करता है।
+
+**किसी भी देव के साथ स्केलिंग**
+
+सिर्फ एक i18n समाधान से अधिक, Intlayer एक **स्व-होस्टेड [विज़ुअल एडिटर](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_visual_editor.md)** और एक **[पूर्ण] प्रदान करता है सीएमएस](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_CMS.md)** आपकी बहुभाषी सामग्री को **वास्तविक समय** में प्रबंधित करने में मदद करता है, जिससे अनुवादकों, कॉपीराइटरों और टीम के अन्य सदस्यों के साथ सहयोग सहज हो जाता है। सामग्री को स्थानीय और/या दूरस्थ रूप से संग्रहीत किया जा सकता है।
+
+**क्रॉस फ्रेमवर्क डिज़ाइन**
+
+यदि आप अपने एप्लिकेशन के विभिन्न हिस्सों के लिए अलग-अलग फ्रेमवर्क का उपयोग करते हैं (उदाहरण के लिए, रिएक्ट, रिएक्ट-नेटिव, वीयू, एंगुलर, स्वेल्ट इत्यादि), तो इंटलेयर **सभी मुख्य फ्रंटएंड फ्रेमवर्क में एक सामान्य सिनाटैक्स और कार्यान्वयन का उपयोग करने** का एक तरीका प्रदान करता है। आप अपनी सामग्री घोषणा को अपने डिज़ाइन-सिस्टम, ऐप्स, बैकएंड आदि पर भी साझा करने में सक्षम होंगे।
 
 ---
 

package/docs/hi/intlayer_with_adonisjs.md

@@ -1,8 +1,8 @@
 ---
 createdAt: 2025-08-23
-updatedAt: 2026-05-06
-title: AdonisJS i18n - AdonisJS ऐप का अनुवाद कैसे करें 2026 में
-description: जानें कि अपने AdonisJS बैकएंड को बहुभाषी कैसे बनाया जाए। अंतर्राष्ट्रीयकरण (i18n) और अनुवाद के लिए दस्तावेज़ों का पालन करें।
+updatedAt: 2026-05-31
+title: "AdonisJS i18n - अनुवाद का पूर्ण गाइड: AdonisJS"
+description: बंडल साइज़, SEO, परफॉर्मेंस & मेंटेनेबिलिटी के लिए सबसे अच्छा समाधान। 2026 में अपने AdonisJS बैकएंड को बहुभाषी बनाएं, LLM ट्रांसलेशन, Agent Skills & MCP.
 keywords:
   - अंतर्राष्ट्रीयकरण
   - दस्तावेज़

package/docs/hi/intlayer_with_analog.md

@@ -1,8 +1,8 @@
 ---
 createdAt: 2025-04-18
-updatedAt: 2026-05-06
-title: Analog i18n - Analog ऐप का अनुवाद कैसे करें 2026 में
-description: जानें कि अपने Analog ऐप को बहुभाषी कैसे बनाया जाए। इसे अंतरराष्ट्रीयकरण (i18n) और अनुवाद करने के लिए दस्तावेज़ का पालन करें।
+updatedAt: 2026-05-31
+title: "Analog i18n - अनुवाद का पूर्ण गाइड: Analog"
+description: बंडल साइज़, SEO, परफॉर्मेंस & मेंटेनेबिलिटी के लिए सबसे अच्छा समाधान। 2026 में अपने Analog ऐप को बहुभाषी बनाएं, LLM ट्रांसलेशन, Agent Skills & MCP.
 keywords:
   - Internationalization
   - Documentation
@@ -56,16 +56,37 @@ history:
 
 <TOC/>
 
-## Intlayer क्या है?
+## विकल्पों पर इन्टलेयर क्यों?
 
-**Intlayer** एक अभिनव, ओपन-सोर्स अंतरराष्ट्रीयकरण (i18n) लाइब्रेरी है जिसे आधुनिक वेब अनुप्रयोगों में बहुभाषी समर्थन को सरल बनाने के लिए डिज़ाइन किया गया है।
+`ngx-translate` या `angular-l10n` जैसे मुख्य समाधानों की तुलना में, Intlayer एक ऐसा समाधान है जो एकीकृत अनुकूलन के साथ आता है जैसे:
 
-Intlayer के साथ, आप यह कर सकते हैं:
+**पूर्ण एनालॉग कवरेज**
 
-- **अनुवादों को आसानी से प्रबंधित करें** घटक स्तर पर घोषणात्मक शब्दकोशों का उपयोग करके।
-- **मेटाडेटा, रूट और सामग्री को गतिशील रूप से स्थानीयकृत करें**।
-- **TypeScript समर्थन सुनिश्चित करें** स्वचालित रूप से उत्पन्न प्रकारों के साथ, ऑटो-कम्प्लीशन और त्रुटि पहचान में सुधार करते हुए।
-- **उन्नत सुविधाओं का लाभ उठाएं**, जैसे गतिशील भाषा पहचान और स्विचिंग।
+**बहुभाषी रूटिंग**, **एसएसआर समर्थन**, और स्केलिंग अंतर्राष्ट्रीयकरण (i18n) के लिए आवश्यक सभी सुविधाओं की पेशकश करके इंटलेयर को एनालॉग के साथ पूरी तरह से काम करने के लिए अनुकूलित किया गया है।
+
+**बंडल का आकार**
+
+अपने पृष्ठों में विशाल JSON फ़ाइलें लोड करने के बजाय, केवल आवश्यक सामग्री लोड करें। इंटलेयर आपके बंडल और पृष्ठ आकार को 50% तक कम करने में मदद करता है।
+
+**रखरखाव**
+
+आपके एप्लिकेशन की सामग्री का दायरा बड़े पैमाने के अनुप्रयोगों के लिए **रखरखाव की सुविधा प्रदान करता है**। आप अपने संपूर्ण सामग्री कोडबेस की समीक्षा करने के मानसिक बोझ के बिना किसी एक फीचर फ़ोल्डर की नकल कर सकते हैं या उसे हटा सकते हैं। इसके अतिरिक्त, आपकी सामग्री की सटीकता सुनिश्चित करने के लिए Intlayer **पूरी तरह से टाइप किया गया** है।
+
+**एआई एजेंट**
+
+सामग्री का सह-स्थानीकरण **बड़े भाषा मॉडल (एलएलएम) द्वारा आवश्यक संदर्भ को कम करता है**। इंटलेयर टूल के एक सूट के साथ भी आता है, जैसे **CLI** ताकि लापता अनुवादों का परीक्षण किया जा सके,**[LSP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/lsp.md)**, **[MCP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/mcp_server.md)**, और **[एजेंट कौशल](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/agent_skills.md)**, AI एजेंटों के लिए डेवलपर अनुभव (DX) को और भी आसान बनाने के लिए।
+
+**स्वचालन**
+
+अपने एआई प्रदाता की कीमत पर अपनी पसंद के एलएलएम का उपयोग करके अपने सीआई/सीडी पाइपलाइन में अनुवाद करने के लिए स्वचालन का उपयोग करें। इंटलेयर सामग्री निष्कर्षण को स्वचालित करने के लिए एक **कंपाइलर** के साथ-साथ **पृष्ठभूमि में अनुवाद** में मदद करने के लिए एक [वेब प्लेटफ़ॉर्म](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_CMS.md) भी प्रदान करता है।
+
+**प्रदर्शन**
+
+बड़े पैमाने पर JSON फ़ाइलों को घटकों से जोड़ने से प्रदर्शन और प्रतिक्रियाशीलता संबंधी समस्याएं हो सकती हैं। इंटलेयर बिल्ड समय पर आपकी सामग्री लोडिंग को अनुकूलित करता है।
+
+**किसी भी देव के साथ स्केलिंग**
+
+सिर्फ एक i18n समाधान से अधिक, Intlayer एक **स्व-होस्टेड [विज़ुअल एडिटर](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_visual_editor.md)** और एक **[पूर्ण] प्रदान करता है सीएमएस](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_CMS.md)** आपकी बहुभाषी सामग्री को **वास्तविक समय** में प्रबंधित करने में मदद करता है, जिससे अनुवादकों, कॉपीराइटरों और टीम के अन्य सदस्यों के साथ सहयोग सहज हो जाता है। सामग्री को स्थानीय और/या दूरस्थ रूप से संग्रहीत किया जा सकता है।
 
 ---
 
@@ -73,7 +94,9 @@ Intlayer के साथ, आप यह कर सकते हैं:
 
 GitHub पर [एप्लिकेशन टेम्पलेट](https://github.com/aymericzip/intlayer-analog-template) देखें।
 
-### चरण 1: निर्भरताएँ स्थापित करें
+<Steps>
+
+<Step number={1} title="निर्भरताएँ स्थापित करें">
 
 npm का उपयोग करके आवश्यक पैकेज स्थापित करें:
 
@@ -107,7 +130,9 @@ bun x intlayer init
 - **vite-intlayer**
   वह पैकेज जो Intlayer को Vite के साथ एकीकृत करता है। यह सामग्री घोषणा फ़ाइलों को संभालने के लिए एक प्लगइन प्रदान करता है और इष्टतम प्रदर्शन के लिए उपनाम (aliases) सेट करता है।
 
-### चरण 2: अपने प्रोजेक्ट का कॉन्फ़िगरेशन
+</Step>
+
+<Step number={2} title="अपने प्रोजेक्ट का कॉन्फ़िगरेशन">
 
 अपने एप्लिकेशन की भाषाओं को कॉन्फ़िगर करने के लिए एक कॉन्फ़िग फ़ाइल बनाएं:
 
@@ -131,7 +156,9 @@ export default config;
 
 > इस कॉन्फ़िगरेशन फ़ाइल के माध्यम से, आप स्थानीयकृत URL, मिडलवेयर रीडायरेक्शन, कुकी नाम, अपनी सामग्री घोषणाओं का स्थान और एक्सटेंशन, कंसोल में Intlayer लॉग अक्षम करना, और बहुत कुछ सेट कर सकते हैं। उपलब्ध मापदंडों की पूरी सूची के लिए, [कॉन्फ़िगरेशन दस्तावेज़](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/configuration.md) देखें।
 
-### चरण 3: अपने Vite कॉन्फ़िगरेशन में Intlayer एकीकृत करें
+</Step>
+
+<Step number={3} title="अपने Vite कॉन्फ़िगरेशन में Intlayer एकीकृत करें">
 
 Analog के साथ Intlayer को एकीकृत करने के लिए, आपको `vite-intlayer` प्लगइन का उपयोग करने की आवश्यकता है।
 
@@ -153,7 +180,9 @@ export default defineConfig(() => ({
 
 > `intlayer()` प्लगइन Intlayer के साथ Vite को कॉन्फ़िगर करता है। यह सामग्री घोषणा फ़ाइलों को संभालता है और इष्टतम प्रदर्शन के लिए उपनाम (aliases) सेट करता है।
 
-### चरण 4: अपनी सामग्री घोषित करें
+</Step>
+
+<Step number={4} title="अपनी सामग्री घोषित करें">
 
 अनुवाद संग्रहीत करने के लिए अपनी सामग्री घोषणाएं बनाएं और प्रबंधित करें:
 
@@ -185,7 +214,9 @@ export default appContent;
 
 > अधिक विवरण के लिए, [सामग्री घोषणा दस्तावेज़](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/dictionary/content_file.md) देखें।
 
-### चरण 5: अपने कोड में Intlayer का उपयोग करें
+</Step>
+
+<Step number={5} title="अपने कोड में Intlayer का उपयोग करें">
 
 अपने Analog एप्लिकेशन में Intlayer की अंतरराष्ट्रीयकरण सुविधाओं का उपयोग करने के लिए, आपको अपने एप्लिकेशन कॉन्फ़िगरेशन में Intlayer प्रदान करने की आवश्यकता है।
 
@@ -223,7 +254,9 @@ export default class HomeComponent {
 
 Intlayer सामग्री एक `Signal` के रूप में लौटाई जाती है, इसलिए आप सिग्नल को कॉल करके मानों तक पहुँचते हैं: `content().title` ।
 
-### (वैकल्पिक) चरण 6: अपनी सामग्री की भाषा बदलें
+</Step>
+
+<Step number={6} title="अपनी सामग्री की भाषा बदलें" isOptional={true}>
 
 अपनी सामग्री की भाषा बदलने के लिए, आप `useLocale` फ़ंक्शन द्वारा प्रदान किए गए `setLocale` फ़ंक्शन का उपयोग कर सकते हैं। यह आपको एप्लिकेशन का लोकेल सेट करने और तदनुसार सामग्री को अपडेट करने की अनुमति देता है।
 
@@ -335,3 +368,7 @@ Intlayer के साथ अपने विकास के अनुभव
 ### आगे बढ़ें
 
 आगे बढ़ने के लिए, आप [विजुअल एडिटर](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_visual_editor.md) को लागू कर सकते हैं या [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/intlayer_CMS.md) का उपयोग करके अपनी सामग्री को बाहरी बना सकते हैं।
+
+</Step>
+
+</Steps>