@intlayer/docs 9.0.0-canary.3 → 9.0.0-canary.5

package/docs/hi/compat/i18next.md

@@ -0,0 +1,59 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "i18next से Intlayer में माइग्रेट करें"
+description: "Learn how to migrate your Vanilla JS/TS application from i18next to Intlayer using the compat adapter."
+keywords:
+  - i18next
+  - vanilla
+  - javascript
+  - typescript
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - i18next
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Init history"
+author: aymericzip
+---
+
+# i18next से Intlayer में माइग्रेट करें
+
+विस्तृत चरण-दर-चरण ट्यूटोरियल के लिए, कृपया हमारी संपूर्ण [i18next Migration Guide](../migration_from_i18next_to_intlayer.md) देखें।
+
+Intlayer perfectly replicates the core runtime characteristics of `i18next`. compat package का उपयोग करके, आपके Vanilla applications या internal modules परिचित syntax का लाभ उठाना जारी रख सकते हैं।
+
+## क्या करें
+
+शुरुआत करने के लिए, अपनी project में Intlayer को initialize करें:
+
+```bash
+npx intlayer init
+```
+
+यदि आप Vite का उपयोग कर रहे हैं, तो `@intlayer/i18next` के लिए imports को route करने के लिए Intlayer plugin को शामिल करें:
+
+```typescript fileName="vite.config.ts"
+import { defineConfig } from "vite";
+import { i18nextVitePlugin } from "@intlayer/i18next/plugin";
+
+export default defineConfig({
+  plugins: [i18nextVitePlugin()],
+});
+```
+
+## यह हुड के नीचे क्या करता है
+
+`i18nextVitePlugin` `i18next` imports को `@intlayer/i18next` के लिए alias करता है, JSON फ़ाइल inclusions से bundle bloat को रोकता है।
+
+हुड के नीचे:
+
+- **Instance configuration:** `createInstance` namespace fallbacks को सही तरीके से parse और apply करता है जबकि dictionary retrieval के लिए Intlayer के compilation pipeline का लाभ उठाता है।
+- **Interpolation:** `{{name}}` replacements और `$t(key)` nesting के लिए native support recursively।
+- **Context & Plurals:** `key_male` और `key_one`/`key_other` जैसे suffix formats को identify और resolve करता है, standard `Intl.PluralRules` के विरुद्ध evaluate करते हुए।
+- **Return objects:** `returnObjects: true` mode safely Intlayer dictionaries से trees को extract करता है।

package/docs/hi/compat/index.md

@@ -0,0 +1,51 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "Intlayer Compat Adapters"
+description: "अपने मौजूदा i18n समाधान को Intlayer में compat adapters का उपयोग करके बिना किसी घर्षण के माइग्रेट करें।"
+keywords:
+  - compat
+  - migration
+  - internationalization
+  - i18n
+  - Intlayer
+slugs:
+  - doc
+  - compatibility
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Init history"
+author: aymericzip
+---
+
+# Intlayer Compat Adapters
+
+एक बड़े एप्लिकेशन को नई internationalization लाइब्रेरी में माइग्रेट करना चुनौतीपूर्ण हो सकता है। इस transition को आसान बनाने के लिए, Intlayer ecosystem में सबसे लोकप्रिय i18n लाइब्रेरीज के लिए **compat adapters** प्रदान करता है।
+
+ये adapter packages आपकी मौजूदा i18n लाइब्रेरीज के **बिल्कुल समान public API** को expose करते हैं, लेकिन runtime पर सभी translation कार्य को Intlayer को delegate करते हैं।
+
+## यह कैसे काम करता है
+
+जब आप एक compat adapter का उपयोग करते हैं, तो आपको अपने application के imports को फिर से लिखने या अपने translation hooks और components के उपयोग को बदलने की आवश्यकता नहीं होती है। इसके बजाय, Intlayer के bundler plugins स्वचालित रूप से आपके मौजूदा imports को Intlayer compat packages में alias करते हैं।
+
+उदाहरण के लिए, एक developer `import { useTranslation } from 'react-i18next'` को `import { useTranslation } from '@intlayer/react-i18next'` से बदलता है (bundler plugin के माध्यम से स्वचालित रूप से किया जाता है), और app Intlayer dictionaries से serve किए जाने वाले translations के साथ काम करता रहता है। Keys को आपकी Intlayer dictionaries के विरुद्ध typed भी किया जाता है!
+
+## उपलब्ध Compat Adapters
+
+अपनी मौजूदा लाइब्रेरी को नीचे चुनें और देखें कि seamlessly माइग्रेट कैसे करें:
+
+- [Vue I18n](./vue-i18n.md)
+- [Transloco](./transloco.md)
+- [React Intl](./react-intl.md)
+- [Svelte I18n](./svelte-i18n.md)
+- [React i18next](./react-i18next.md)
+- [Polyglot.js](./polyglot.md)
+- [NuxtJS I18n](./nuxtjs-i18n.md)
+- [NGX Translate](./ngx-translate.md)
+- [Next Translate](./next-translate.md)
+- [Next Intl](./next-intl.md)
+- [Next i18next](./next-i18next.md)
+- [i18next](./i18next.md)
+- [Lingui](./lingui.md)
+- [I18n-js](./i18n-js.md)

package/docs/hi/compat/lingui.md

@@ -0,0 +1,44 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "Lingui से Intlayer में माइग्रेट करें"
+description: "Lingui से Intlayer में अपने एप्लिकेशन को माइग्रेट करना सीखें compat adapter का उपयोग करके।"
+keywords:
+  - lingui
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - lingui
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Init history"
+author: aymericzip
+---
+
+# Lingui से Intlayer में माइग्रेट करें
+
+यदि आपका प्रोजेक्ट वर्तमान में Lingui के macro-based compilation पर निर्भर करता है, तो Intlayer में ट्रांजिशन करने से आप अपने शक्तिशाली macro workflows को बनाए रखते हुए उन्हें Intlayer की JSON compilation strategy के साथ नेटिवली बैक कर सकते हैं।
+
+## क्या करना है
+
+शुरुआत करने के लिए, अपने प्रोजेक्ट में Intlayer को इनिशियलाइज़ करें:
+
+```bash
+npx intlayer init
+```
+
+यह आपका `intlayer.config.ts` बनाता है। सुनिश्चित करें कि आप अपने बिल्ड स्टेप में `@lingui/babel-plugin-lingui-macro` / `@lingui/swc-plugin` को Intlayer compiler से _पहले_ चलाने के लिए रखते हैं। फिर, bundler plugin alias का उपयोग करके `@lingui/core` और `@lingui/react` को `@intlayer/lingui` में रूट करें।
+
+## यह हुड के नीचे क्या करता है
+
+Lingui macros (जैसे `` t`Hello ${name}` `` और `<Trans>`) का उपयोग करता है जो runtime calls जैसे `i18n._(id, values)` में compile होते हैं।
+
+हुड के नीचे:
+
+- **Macros:** वे पहले की तरह ही compile होते हैं, जिससे आपके source syntax में कोई व्यवधान नहीं होता है।
+- **Runtime translation:** aliased `i18n._()` Intlayer dictionaries का उपयोग करता है। explicitly named IDs और hashed IDs दोनों को पूरी तरह से Intlayer के `.po` sync plugins का उपयोग करके mapped किया जाता है ताकि keys को securely aggregate और prune किया जा सके।
+- **ICU capabilities:** pluralization, selection, और ICU variants के लिए support Intlayer के unified ICU parser की वजह से robust रहता है, जिससे identical rendering outputs सुनिश्चित होते हैं।

package/docs/hi/compat/next-i18next.md

@@ -0,0 +1,57 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "next-i18next से Intlayer में माइग्रेट करें"
+description: "compat adapter का उपयोग करके अपने Next.js एप्लिकेशन को next-i18next से Intlayer में माइग्रेट करना सीखें।"
+keywords:
+  - next-i18next
+  - nextjs
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - next-i18next
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Init history"
+author: aymericzip
+---
+
+# next-i18next से Intlayer में माइग्रेट करें
+
+एक संपूर्ण और विस्तृत चरण-दर-चरण ट्यूटोरियल के लिए, कृपया हमारी पूरी [next-i18next माइग्रेशन गाइड](../migration_from_next-i18next_to_intlayer.md) देखें।
+
+Intlayer सभी Next.js Pages Router और App Router कार्यान्वयन को पारदर्शी रूप से संभालता है। एडेप्टर का उपयोग करके आप अपने `next-i18next` कार्यान्वयन को शून्य कोड पुनर्लेखन के साथ माइग्रेट कर सकते हैं।
+
+## क्या करना है
+
+शुरू करने के लिए, यह चलाएं:
+
+```bash
+npx intlayer init
+```
+
+यह आवश्यक Intlayer सेटअप फ़ाइल बनाता है। Intlayer को पर्दे के पीछे स्वैप करने के लिए, अपनी `next.config.ts` को अपडेट करें:
+
+```typescript fileName="next.config.ts"
+import type { NextConfig } from "next";
+import { createNextI18nPlugin } from "@intlayer/next-i18next/plugin";
+
+const withIntlayer = createNextI18nPlugin();
+
+const nextConfig: NextConfig = {};
+
+export default withIntlayer(nextConfig);
+```
+
+## यह हुड के अंतर्गत क्या करता है
+
+`createNextI18nPlugin` Next.js के मूल व्यवहार को `next-intlayer` प्लगइन के साथ संयोजित करता है, `next-i18next`, `react-i18next`, और `i18next` के लिए सभी आवश्यक Webpack/Turbopack aliases को इंजेक्ट करता है।
+
+हुड के अंतर्गत:
+
+- **`serverSideTranslations` & `appWithTranslation`:** ये अब Intlayer के आंतरिक लोडर्स के लिए wrappers के रूप में कार्य करते हैं, बड़े static JSON इंजेक्शन को रोकते हुए।
+- **Client hooks:** तुरंत `@intlayer/react-i18next` को डेलीगेट करते हैं सभी formatting, plurals, और nested namespace features को बनाए रखते हुए।

package/docs/hi/compat/next-intl.md

@@ -0,0 +1,59 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "next-intl से Intlayer में माइग्रेट करें"
+description: "जानें कि compat adapter का उपयोग करके अपने Next.js एप्लिकेशन को next-intl से Intlayer में कैसे माइग्रेट करें।"
+keywords:
+  - next-intl
+  - nextjs
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - next-intl
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Init history"
+author: aymericzip
+---
+
+# next-intl से Intlayer में माइग्रेट करें
+
+एक संपूर्ण और विस्तृत चरण-दर-चरण ट्यूटोरियल के लिए, कृपया हमारी पूरी [next-intl माइग्रेशन गाइड](../migration_from_next-intl_to_intlayer.md) देखें।
+
+`next-intl` से Intlayer में माइग्रेशन करने से आप अपने एप्लिकेशन रूटिंग और सिंटैक्स को पूरी तरह से बिना किसी परेशानी के बनाए रख सकते हैं।
+
+## क्या करना है
+
+अपने रिपोजिटरी में निम्नलिखित कमांड निष्पादित करें:
+
+```bash
+npx intlayer init
+```
+
+यह एक `intlayer.config.ts` बनाएगा। अपने `next.config.ts` में, प्लगइन रैपर का उपयोग करें ताकि `next-intl` aliases को `@intlayer/next-intl` की ओर निर्बाध रूप से इंजेक्ट किया जा सके।
+
+```typescript fileName="next.config.ts"
+import type { NextConfig } from "next";
+import { createNextIntlPlugin } from "@intlayer/next-intl/plugin";
+
+const withIntlayer = createNextIntlPlugin();
+
+const nextConfig: NextConfig = {};
+
+export default withIntlayer(nextConfig);
+```
+
+## यह हुड के नीचे क्या करता है
+
+बंडलर रैपर अनुवादों को प्रतिस्थापित करता है, लेकिन **`next-intl/navigation` फीचर्स को बरकरार रखता है** (उदाहरण के लिए `Link`, `redirect`, `usePathname`)।
+
+हुड के नीचे:
+
+- **ICU runtime:** Plurals (`=0`, `one`, `other`), select/selectordinal, `#` arguments, और formatted args (`{ts, date, long}`) साझा `resolveMessage(..., 'icu')` resolver का उपयोग करके सही तरीके से चलते हैं।
+- **`useTranslations()` & `getTranslations()`:** bare scope कॉल्स पहले key सेगमेंट को सही dictionary identifier के रूप में निकालते हैं। Nested namespaces gracefully dictionary paths और prefixes में विभाजित होते हैं।
+- **Rich formatting:** `t.rich()` और `t.markup()` दोनों पूरी तरह से natively लागू किए गए हैं, HTML-जैसे नोड्स को rendered React chunks में परिवर्तित करते हैं।
+- **`useFormatter`:** `relativeTime`, `list`, `dateTimeRange`, और कॉन्फ़िगरेशन से named formats core native `Intl` formatters को bridge करते हैं।

package/docs/hi/compat/next-translate.md

@@ -0,0 +1,45 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "Next Translate से Intlayer में माइग्रेट करें"
+description: "जानें कि compat adapter का उपयोग करके अपने Next.js एप्लिकेशन को next-translate से Intlayer में कैसे माइग्रेट करें।"
+keywords:
+  - next-translate
+  - nextjs
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - next-translate
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Init history"
+author: aymericzip
+---
+
+# Next Translate से Intlayer में माइग्रेट करें
+
+`next-translate` से Intlayer में माइग्रेट करना एक लगभग drop-in replacement है जो आपके मौजूदा syntax और tags को बरकरार रखता है।
+
+## क्या करें
+
+अपने प्रोजेक्ट में Intlayer को initialize करें:
+
+```bash
+npx intlayer init
+```
+
+CLI आपके configuration को scaffold करेगा। फिर आप अपने `next.config.ts` में Intlayer plugin को apply कर सकते हैं, जो build-time subpath aliases को `next-translate/useTranslation` से `@intlayer/next-translate` में map करता है।
+
+## यह हुड के अंदर क्या करता है
+
+`next-translate` hooks जैसे `useTranslation('ns')`, `t('ns:key.path')`, और `<Trans>` component प्रदान करता है।
+
+हुड के अंदर:
+
+- **Interpolation & Plurals:** यह `react-i18next` adapter behavior पर निकटता से निर्भर करता है। `{{var}}` placeholders और pluralization को `key_0`, `key_one`, और `key_other` जैसे suffixes से mapped किया जाता है।
+- **`<Trans>` component:** HTML-ish tag parsing के लिए सीधे समर्थित है साथ ही एक array-based `components` prop के साथ।
+- **Namespaces:** Subpath aliasing सुनिश्चित करता है कि आपका `useTranslation` बिना मैनुअल संशोधन के सही internal dictionary namespaces को reference करता है।

package/docs/hi/compat/ngx-translate.md

@@ -0,0 +1,45 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "NGX-Translate से Intlayer में माइग्रेट करें"
+description: "compat adapter का उपयोग करके अपने Angular एप्लिकेशन को ngx-translate से Intlayer में माइग्रेट करना सीखें।"
+keywords:
+  - ngx-translate
+  - angular
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - ngx-translate
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Init history"
+author: aymericzip
+---
+
+# NGX-Translate से Intlayer में माइग्रेट करें
+
+आपके Angular एप्लिकेशन को `ngx-translate` से Intlayer में माइग्रेट करना compat adapter के साथ आसान है, जो आपको अपने सभी टेम्पलेट्स को फिर से लिखने की आवश्यकता को दरकिनार करने की अनुमति देता है।
+
+## क्या करें
+
+निम्नलिखित को चलाकर शुरुआत करें:
+
+```bash
+npx intlayer init
+```
+
+यह `intlayer.config.ts` को सेट अप करता है। अपने `TranslateModule.forRoot()` सेटअप को बदलें और import aliases को `@intlayer/ngx-translate` की ओर इंगित करने के लिए उपयुक्त रूप से सेट करें।
+
+## यह हुड के अंदर क्या करता है
+
+`ngx-translate` `TranslateService` (`instant`, `get`, `stream`) को `{{ 'KEY' | translate:params }}` pipe और `[translate]` directive के साथ उपयोग करता है।
+
+हुड के अंदर:
+
+- **Services:** `TranslateService` `getIntlayer` और एक locale observable को wrap करता है, बिल्कुल वही तरीके प्रदान करता है।
+- **Pipes & Directives:** Intlayer dictionaries के विरुद्ध सीधे resolve करने के लिए पुनः लागू किए गए हैं।
+- **Loaders:** `TranslateHttpLoader` सेटअप को warning stubs में परिवर्तित किया जाता है क्योंकि Intlayer अंतर्निहित रूप से आपके dictionaries को build time पर resolve और bundle करता है (या standard dynamic imports के माध्यम से), HTTP loaders की आवश्यकता को पूरी तरह से समाप्त करता है।

package/docs/hi/compat/nuxtjs-i18n.md

@@ -0,0 +1,46 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "NuxtJS I18n से Intlayer में माइग्रेट करें"
+description: "सीखें कि अपने Nuxt.js एप्लिकेशन को @nuxtjs/i18n से Intlayer में compat adapter का उपयोग करके कैसे माइग्रेट करें।"
+keywords:
+  - nuxtjs-i18n
+  - nuxt
+  - vue
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - nuxtjs-i18n
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Init history"
+author: aymericzip
+---
+
+# NuxtJS I18n से Intlayer में माइग्रेट करें
+
+अपने Nuxt एप्लिकेशन को `@nuxtjs/i18n` से Intlayer में माइग्रेट करना Nuxt adapter मॉड्यूल का उपयोग करके एक सहज प्रक्रिया है।
+
+## क्या करना है
+
+प्रोजेक्ट को इनिशियलाइज़ करने के लिए, यह चलाएं:
+
+```bash
+npx intlayer init
+```
+
+यह `intlayer.config.ts` को सेट अप करेगा। फिर, अपनी `nuxt.config.ts` modules array में Intlayer Nuxt module (जैसे `@intlayer/nuxt-i18n`) जोड़ें। यह आपके application के लिए compat configuration को automatically apply करता है।
+
+## यह हुड के अंदर क्या करता है
+
+`@nuxtjs/i18n` `vue-i18n` को wrap करता है जबकि Nuxt-specific routing composables (`useLocalePath`, `useSwitchLocalePath`, `<NuxtLinkLocale>`) प्रदान करता है।
+
+हुड के अंदर:
+
+- **Translations:** सभी string translation कार्यों के लिए `@intlayer/vue-i18n` compat layer पर नेटिवली निर्भर करता है (`vue-i18n` formats, pipe plurals, और reactivity को पूरी तरह से support करता है)।
+- **Routing:** Intlayer के localized URL helpers का उपयोग करके routing composables को mirror करता है।
+- **Configuration:** आपके `intlayer.config.ts` से सीधे `availableLocales` और default settings को पढ़ता है ताकि Nuxt pages को स्वचालित रूप से coordinate किया जा सके।

package/docs/hi/compat/polyglot.md

@@ -0,0 +1,45 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "Polyglot.js से Intlayer में माइग्रेट करें"
+description: "Compat adapter का उपयोग करके Polyglot.js से Intlayer में माइग्रेट करने का तरीका जानें।"
+keywords:
+  - polyglot
+  - airbnb
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - polyglot
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Init history"
+author: aymericzip
+---
+
+# Polyglot.js से Intlayer में माइग्रेट करें
+
+यदि आप Airbnb के Polyglot.js का उपयोग कर रहे हैं, तो compat layer का उपयोग करके Intlayer में माइग्रेशन बेहद सीधा है।
+
+## क्या करना है
+
+अपने प्रोजेक्ट में बस इनिशियलाइजेशन कमांड चलाएं:
+
+```bash
+npx intlayer init
+```
+
+यह `intlayer.config.ts` जनरेट करता है। फिर आप bundler plugin alias का उपयोग करके Polyglot imports को `@intlayer/polyglot` पर पारदर्शी रूप से रीडायरेक्ट कर सकते हैं।
+
+## यह हुड के तहत क्या करता है
+
+Polyglot.js syntax आमतौर पर `polyglot.t('key', {name})` पर निर्भर करता है जिसमें `%{name}` इंटरपोलेशन और `smart_count` plurals `"singular |||| plural"` से अलग होते हैं।
+
+हुड के तहत:
+
+- **Interpolation:** compat layer नेटिवली `%{var}` placeholders को हैंडल करता है।
+- **Plurals:** स्ट्रिंग को `||||` पर विभाजित किया जाता है और सक्रिय locale के अनुसार native `Intl.PluralRules` के विरुद्ध मूल्यांकन किया जाता है, जो Polyglot के स्वयं के bucket order को प्रति locale के साथ प्रतिबिंबित करता है।
+- **Dictionaries:** आप `new Polyglot()` को विशाल JSON कॉन्फ़िगरेशन प्रदान करने की आवश्यकता को दरकिनार करते हैं – Intlayer dictionaries को dynamically हैंडल करता है और उन्हें स्वचालित रूप से prune करता है।

package/docs/hi/compat/react-i18next.md

@@ -0,0 +1,58 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "react-i18next से Intlayer में माइग्रेट करें"
+description: "Compat adapter का उपयोग करके अपने React एप्लिकेशन को react-i18next से Intlayer में माइग्रेट करना सीखें।"
+keywords:
+  - react-i18next
+  - i18next
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - react-i18next
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Init history"
+author: aymericzip
+---
+
+# react-i18next से Intlayer में माइग्रेट करें
+
+एक संपूर्ण और विस्तृत चरण-दर-चरण ट्यूटोरियल के लिए, कृपया हमारी पूर्ण [react-i18next माइग्रेशन गाइड](../migration_from_react-i18next_to_intlayer.md) देखें।
+
+Intlayer के compat adapter का उपयोग करके आप अपने स्रोत कोड आयातों में कोई बदलाव किए बिना `react-i18next` से माइग्रेट कर सकते हैं।
+
+## क्या करना है
+
+प्रोजेक्ट को शुरू करने के लिए, निम्नलिखित चलाएँ:
+
+```bash
+npx intlayer init
+```
+
+शुरुआत के दौरान, Intlayer `@intlayer/react-i18next` को इंस्टॉल करेगा और `intlayer.config.ts` बनाएगा। आपके bundler (जैसे Vite) में, Intlayer plugin लागू करें:
+
+```typescript fileName="vite.config.ts"
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import { reactI18nextVitePlugin } from "@intlayer/react-i18next/plugin";
+
+export default defineConfig({
+  plugins: [react(), reactI18nextVitePlugin()],
+});
+```
+
+## यह हुड के अंदर क्या करता है
+
+`reactI18nextVitePlugin` कोर `vite-intlayer` प्लगइन को रैप करता है और `react-i18next` और `i18next` के लिए resolve aliases को inject करता है, जिन्हें `@intlayer/react-i18next` और `@intlayer/i18next` में रीडायरेक्ट किया जाता है।
+
+हुड के अंदर:
+
+- **`useTranslation` & `withTranslation`:** Intlayer के native hooks का उपयोग करने के लिए फिर से लिखा गया है, जो आपके डिक्शनरी keys के लिए स्वचालित TypeScript completion देता है। यह namespaces को seamlessly support करता है (जैसे `t('namespace:key')`).
+- **Plurals & Context:** i18next के suffix-based pluralization (`key_one`, `key_other`) को native `Intl.PluralRules` और context suffixes (`key_male`) का उपयोग करके हैंडल करता है।
+- **`<Trans>` Component:** `components` prop, object और array forms, और numbered tags `<1>...</1>` को support करने के लिए फिर से implement किया गया है जो सीधे आपके React nodes को map करते हैं।
+- **`i18n` instance:** Intlayer से keys को सीधे resolve करता है बिना बड़ी JSON files को fetch किए, जिससे significantly lower bundle sizes प्राप्त होते हैं।

package/docs/hi/compat/react-intl.md

@@ -0,0 +1,55 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "React Intl से Intlayer में माइग्रेट करें"
+description: "सीखें कि कैसे compat adapter का उपयोग करके अपने React एप्लिकेशन को react-intl से Intlayer में माइग्रेट करें।"
+keywords:
+  - react-intl
+  - formatjs
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - react-intl
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Init history"
+author: aymericzip
+---
+
+# React Intl से Intlayer में माइग्रेट करें
+
+यदि आपकी React एप्लिकेशन `react-intl` (FormatJS) का उपयोग करती है, तो Intlayer में संक्रमण करना आसान है। हमारी compat layer निर्बाध रूप से ICU MessageFormat और सभी मौजूदा `Formatted*` घटकों को संभालता है।
+
+## क्या करें
+
+अपने प्रोजेक्ट में इनिशियलाइजेशन कमांड चलाकर शुरू करें:
+
+```bash
+npx intlayer init
+```
+
+फिर, अपने कॉन्फ़िगरेशन में Intlayer Vite या Next.js प्लगइन सेट अप करें। यह प्लगइन `react-intl` imports को `@intlayer/react-intl` में रीडायरेक्ट करने के लिए बिल्ड-टाइम aliases इंजेक्ट करता है।
+
+```typescript fileName="vite.config.ts"
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import reactIntlVitePlugin from "@intlayer/react-intl/plugin";
+
+export default defineConfig({
+  plugins: [react(), reactIntlVitePlugin()],
+});
+```
+
+## यह हुड के नीचे क्या करता है
+
+bundler plugin `react-intl` को `@intlayer/react-intl` में alias करता है। बड़ी JSON फाइलों को मैन्युअल रूप से पार्स करने और अपने ऐप को `IntlProvider` में लपेटने के बजाय, Intlayer plugin स्टैटिकली keys को निकालता है और runtime पर Intlayer dictionaries का उपयोग करता है।
+
+हुड के नीचे:
+
+- **ICU MessageFormat:** Intlayer `resolveMessage(..., 'icu')` resolver का उपयोग करता है जो ICU pluralization, selection, date/number formatting, और rich text tags को नेटिवली पूरी तरह support करता है।
+- **Method & JSX callers:** `intl.formatMessage({ id: 'a.b' })` और `<FormattedMessage id="a.b">` को Intlayer compiler plugins (`@intlayer/babel` / `@intlayer/swc`) द्वारा identify किया जाता है, flat dotted keys को convert करके ताकि पहला segment सही तरीके से Intlayer dictionary key को resolve करे।
+- **Formatters:** `<FormattedNumber>`, `<FormattedDate>`, आदि `Intl` का उपयोग करके native `core/formatters` में bridge करते हैं।

package/docs/hi/compat/svelte-i18n.md

@@ -0,0 +1,47 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "Svelte I18n से Intlayer में माइग्रेट करें"
+description: "compat adapter का उपयोग करके अपने Svelte एप्लिकेशन को svelte-i18n से Intlayer में माइग्रेट करना सीखें।"
+keywords:
+  - svelte-i18n
+  - svelte
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - svelte-i18n
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Init history"
+author: aymericzip
+---
+
+# Svelte I18n से Intlayer में माइग्रेट करें
+
+अपने Svelte एप्लिकेशन को `svelte-i18n` से Intlayer में माइग्रेट करना compat adapter का उपयोग करके बस एक पल में संभव है।
+
+## क्या करें
+
+अपने प्रोजेक्ट में बस निम्नलिखित initialization कमांड चलाएं:
+
+```bash
+npx intlayer init
+```
+
+यह `intlayer.config.ts` generate करता है। सुनिश्चित करें कि आपके SvelteKit / Vite plugins को Intlayer के alias plugin से wrap किया गया है ताकि `svelte-i18n` को `@intlayer/svelte-i18n` में seamlessly map किया जा सके।
+
+## यह हुड के तहत क्या करता है
+
+Svelte-i18n भारी उपयोग किए जाने वाले stores (`$_`, `$t`, `$format`, आदि) और ICU MessageFormat पर निर्भर करता है।
+
+हुड के तहत:
+
+- **Stores:** Intlayer, `svelte-i18n` stores को proxy करता है। `$_` वर्तमान locale का एक derived store बन जाता है जो एक Intlayer resolver लौटाता है।
+- **Keys:** आपकी flat keys (जैसे `$_('home.title')`) का मूल्यांकन इस तरह किया जाता है कि पहला path segment Intlayer dictionary का प्रतिनिधित्व करता है।
+- **ICU Syntax:** पूरी तरह shared ICU resolver (`intl-messageformat` समतुल्य parsing) द्वारा संभाला जाता है।
+- **Formatters:** `$date`, `$time`, `$number` कॉल Intlayer के native core formatters को सुरक्षित रूप से रीडायरेक्ट करते हैं।
+- **Babel/SWC Analysis:** Intlayer analyzer आपकी `.svelte` source files में Svelte store callers (`$_`) को compilation से पहले पढ़ता है ताकि स्वचालित रूप से प्रासंगिक dictionary chunks बनाए जा सकें।