@intlayer/docs 8.12.5-canary.0 → 9.0.0-canary.3

package/docs/hi/configuration.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-13
-updatedAt: 2026-05-12
+updatedAt: 2026-06-17
 title: कॉन्फ़िगरेशन (Configuration)
 description: जानें कि अपने एप्लिकेशन के लिए Intlayer को कैसे कॉन्फ़िगर करें। Intlayer को अपनी आवश्यकताओं के अनुसार अनुकूलित करने के लिए उपलब्ध विभिन्न सेटिंग्स और विकल्पों को समझें।
 keywords:
@@ -14,6 +14,9 @@ slugs:
   - concept
   - configuration
 history:
+  - version: 8.10.0
+    date: 2026-06-17
+    changes: "शब्दकोश कॉन्फ़िगरेशन में `format` विकल्प जोड़ा गया"
   - version: 8.9.4
     date: 2026-05-12
     changes: "LM Studio प्रदाता के लिए समर्थन जोड़ें"
@@ -135,6 +138,7 @@ Intlayer JSON, JS, MJS और TS कॉन्फ़िगरेशन फ़ा
 ````typescript fileName="intlayer.config.ts" codeFormat="typescript"
 import { Locales, type IntlayerConfig } from "intlayer";
 import { nextjsRewrite } from "intlayer/routing";
+import { syncJSON } from "@intlayer/sync-json-plugin";
 import { z } from "zod";
 
 /**
@@ -575,10 +579,38 @@ const config: IntlayerConfig = {
     }),
   },
 
+  /**
+   * शब्दकोश कॉन्फ़िगरेशन।
+   */
+  dictionary: {
+    /**
+     * यह नियंत्रित करता है कि शब्दकोश कैसे आयात किए जाते हैं।
+     * - "static": निर्माण के समय स्थिर रूप से आयातित।
+     * - "dynamic": सस्पेंस का उपयोग करके गतिशील रूप से आयातित।
+     * - "fetch": लाइव सिंक एपीआई के माध्यम से गतिशील रूप से प्राप्त किया गया।
+     */
+    importMode: "static",
+
+    /**
+     * प्रोजेक्ट में सभी शब्दकोशों के लिए डिफ़ॉल्ट संदेश प्रारूप।
+     * - 'intlayer': मूल intlayer प्रारूप (डिफ़ॉल्ट)।
+     * - 'icu': ICU संदेश प्रारूप।
+     * - 'i18next': i18next प्रारूप।
+     * - 'vue-i18n': Vue I18n प्रारूप।
+     * - 'po': GNU Gettext PO प्रारूप।
+     */
+    format: "icu",
+  },
+
   /**
    * प्लगइन्स कॉन्फ़िगरेशन।
    */
-  plugins: [],
+  plugins: [
+    syncJSON({
+      format: "icu",
+      source: ({ locale }) => `./messages/${locale}.json`,
+    }),
+  ],
 };
 
 export default config;
@@ -847,20 +879,21 @@ export default config;
 
 डिक्शनरी संचालन को नियंत्रित करने वाले मापदंड, जिसमें ऑटो-फिल व्यवहार और कंटेंट जनरेशन शामिल है।
 
-| फ़ील्ड                      | विवरण                                                                                                                                                             | टाइप                                                                                                            | डिफ़ॉल्ट    | उदाहरण                                                                                      | टिप्पणी                                                                                                                                                                                                                                                                                                                                                                                                                          |
-| --------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ----------- | ------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `fill`                      | नियंत्रित करता है कि ऑटो-फिल (AI अनुवाद) आउटपुट फ़ाइलें कैसे उत्पन्न होती हैं।                                                                                    | `boolean` &#124; <br/> `FilePathPattern` &#124; <br/> `Partial<Record<Locale, boolean &#124; FilePathPattern>>` | `true`      | `{ en: '/locales/en/{{key}}.json', fr: ({ key }) => '/locales/fr/${key}.json', es: false }` | • `true`: डिफ़ॉल्ट पाथ (स्रोत के समान फ़ाइल)।<br/>• `false`: अक्षम करें।<br/>• टेम्पलेट स्ट्रिंग/फ़ंक्शन प्रति लोकेल फ़ाइलें उत्पन्न करता है।<br/>• प्रति लोकेल ऑब्जेक्ट: प्रत्येक लोकेल अपने टेम्पलेट से मेल खाता है; `false` उस लोकेल को अनदेखा करता है।<br/>• `{{locale}}` का समावेश प्रति लोकेल जनरेशन को सक्रिय करता है।<br/>• डिक्शनरी स्तर पर `fill` हमेशा इस वैश्विक सेटिंग पर प्राथमिकता लेता है।                       |
-| `description`               | एडिटर और CMS को डिक्शनरी के उद्देश्य को समझने में मदद करता है। AI का उपयोग करके अनुवाद उत्पन्न करने के लिए संदर्भ के रूप में भी उपयोग किया जाता है।               | `string`                                                                                                        | `undefined` | `'User profile section'`                                                                    |                                                                                                                                                                                                                                                                                                                                                                                                                                  |
-| `locale`                    | डिक्शनरी को किसी विशिष्ट लोकेल के प्रारूप में बदल देता है। प्रत्येक घोषित फ़ील्ड एक अनुवाद नोड बन जाता है। यदि अनुपस्थित है, तो डिक्शनरी को बहुभाषी माना जाता है। | `LocalesValues`                                                                                                 | `undefined` | `'en'`                                                                                      | यदि डिक्शनरी कई अनुवादों के बजाय एक विशिष्ट लोकेल के लिए है, तो इसका उपयोग करें।                                                                                                                                                                                                                                                                                                                                                 |
-| `contentAutoTransformation` | कंटेंट स्ट्रिंग्स को स्वचालित रूप से टाइप किए गए नोड्स (मार्कडाउन, HTML या सम्मिलन) में रूपांतरित करता है।                                                        | `boolean` &#124; <br/> `{ markdown?: boolean; html?: boolean; insertion?: boolean }`                            | `false`     | `true`                                                                                      | • मार्कडाउन : `### Title` → `md('### Title')` ।<br/>• HTML : `<div>Title</div>` → `html('<div>Title</div>')` ।<br/>• सम्मिलन : `Hello {{name}}` → `insert('Hello {{name}}')` ।                                                                                                                                                                                                                                                   |
-| `location`                  | इंगित करता है कि डिक्शनरी फ़ाइलें कहाँ संग्रहीत हैं और वे CMS के साथ कैसे सिंक की जाती हैं।                                                                       | `'local'` &#124; <br/> `'remote'` &#124; <br/> `'hybrid'` &#124; <br/> `'plugin'` &#124; <br/> `string`         | `'local'`   | `'hybrid'`                                                                                  | • `'local'`: केवल स्थानीय प्रबंधन।<br/>• `'remote'`: केवल दूरस्थ प्रबंधन (CMS)।<br/>• `'hybrid'`: स्थानीय और दूरस्थ प्रबंधन दोनों।<br/>• `'plugin'` या कस्टम स्ट्रिंग: प्लगइन या कस्टम स्रोत द्वारा प्रबंधन।                                                                                                                                                                                                                     |
-| `importMode`                | डिक्शनरी कैसे आयात की जाती है, इसे नियंत्रित करता है।                                                                                                             | `'static'` &#124; <br/> `'dynamic'` &#124; <br/> `'fetch'`                                                      | `'static'`  | `'dynamic'`                                                                                 | • `'static'`: स्थिर आयात।<br/>• `'dynamic'`: Suspense के माध्यम से गतिशील आयात।<br/>• `'fetch'`: लाइव सिंक API के माध्यम से फ़ेच; विफल होने पर `'dynamic'` पर वापस जाना।<br/>• `@intlayer/babel` और `@intlayer/swc` प्लगइन्स की आवश्यकता होती है।<br/>• की (keys) को स्थिर रूप से घोषित किया जाना चाहिए।<br/>• यदि `optimize` बंद है, तो अनदेखा किया जाता है।<br/>• `getIntlayer`, `getDictionary` आदि को प्रभावित नहीं करता है। |
-| `priority`                  | डिक्शनरी प्राथमिकता। डिक्शनरी के बीच संघर्षों को सुलझाने के दौरान उच्च मान निम्न मानों पर जीतते हैं।                                                              | `number`                                                                                                        | `undefined` | `1`                                                                                         |                                                                                                                                                                                                                                                                                                                                                                                                                                  |
-| `live`                      | अप्रचलित - `importMode: 'fetch'` का उपयोग करें। इंगित किया गया कि डिक्शनरी कंटेंट को लाइव सिंक API के माध्यम से गतिशील रूप से फ़ेच किया जाना चाहिए या नहीं।       | `boolean`                                                                                                       | `undefined` |                                                                                             | v8.0.0 में नाम बदलकर `importMode: 'fetch'` कर दिया गया।                                                                                                                                                                                                                                                                                                                                                                          |
-| `schema`                    | JSON स्कीमा सत्यापन के लिए Intlayer द्वारा स्वचालित रूप से जेनरेट किया गया।                                                                                       | `'https://intlayer.org/schema.json'`                                                                            | ऑटो-जनरेशन  |                                                                                             | मैन्युअल रूप से संपादित न करें।                                                                                                                                                                                                                                                                                                                                                                                                  |
-| `title`                     | एडिटर और CMS में डिक्शनरी की पहचान करने में मदद करता है।                                                                                                          | `string`                                                                                                        | `undefined` | `'User Profile'`                                                                            |                                                                                                                                                                                                                                                                                                                                                                                                                                  |
-| `tags`                      | डिक्शनरी को श्रेणीबद्ध करता है और एडिटर और AI के लिए संदर्भ या निर्देश प्रदान करता है।                                                                            | `string[]`                                                                                                      | `undefined` | `['user', 'profile']`                                                                       |                                                                                                                                                                                                                                                                                                                                                                                                                                  |
-| `version`                   | दूरस्थ डिक्शनरी का संस्करण; वर्तमान में उपयोग किए जा रहे संस्करण को ट्रैक करने में मदद करता है।                                                                   | `string`                                                                                                        | `undefined` | `'1.0.0'`                                                                                   | • CMS में प्रबंधित।<br/>• स्थानीय रूप से संपादित न करें।                                                                                                                                                                                                                                                                                                                                                                         |
+| फ़ील्ड                      | विवरण                                                                                                                                                             | टाइप                                                                                                            | डिफ़ॉल्ट     | उदाहरण                                                                                      | टिप्पणी                                                                                                                                                                                                                                                                                                                                                                                                                          |
+| --------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ------------ | ------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `fill`                      | नियंत्रित करता है कि ऑटो-फिल (AI अनुवाद) आउटपुट फ़ाइलें कैसे उत्पन्न होती हैं।                                                                                    | `boolean` &#124; <br/> `FilePathPattern` &#124; <br/> `Partial<Record<Locale, boolean &#124; FilePathPattern>>` | `true`       | `{ en: '/locales/en/{{key}}.json', fr: ({ key }) => '/locales/fr/${key}.json', es: false }` | • `true`: डिफ़ॉल्ट पाथ (स्रोत के समान फ़ाइल)।<br/>• `false`: अक्षम करें।<br/>• टेम्पलेट स्ट्रिंग/फ़ंक्शन प्रति लोकेल फ़ाइलें उत्पन्न करता है।<br/>• प्रति लोकेल ऑब्जेक्ट: प्रत्येक लोकेल अपने टेम्पलेट से मेल खाता है; `false` उस लोकेल को अनदेखा करता है।<br/>• `{{locale}}` का समावेश प्रति लोकेल जनरेशन को सक्रिय करता है।<br/>• डिक्शनरी स्तर पर `fill` हमेशा इस वैश्विक सेटिंग पर प्राथमिकता लेता है।                       |
+| `description`               | एडिटर और CMS को डिक्शनरी के उद्देश्य को समझने में मदद करता है। AI का उपयोग करके अनुवाद उत्पन्न करने के लिए संदर्भ के रूप में भी उपयोग किया जाता है।               | `string`                                                                                                        | `undefined`  | `'User profile section'`                                                                    |                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| `locale`                    | डिक्शनरी को किसी विशिष्ट लोकेल के प्रारूप में बदल देता है। प्रत्येक घोषित फ़ील्ड एक अनुवाद नोड बन जाता है। यदि अनुपस्थित है, तो डिक्शनरी को बहुभाषी माना जाता है। | `LocalesValues`                                                                                                 | `undefined`  | `'en'`                                                                                      | यदि डिक्शनरी कई अनुवादों के बजाय एक विशिष्ट लोकेल के लिए है, तो इसका उपयोग करें।                                                                                                                                                                                                                                                                                                                                                 |
+| `contentAutoTransformation` | कंटेंट स्ट्रिंग्स को स्वचालित रूप से टाइप किए गए नोड्स (मार्कडाउन, HTML या सम्मिलन) में रूपांतरित करता है।                                                        | `boolean` &#124; <br/> `{ markdown?: boolean; html?: boolean; insertion?: boolean }`                            | `false`      | `true`                                                                                      | • मार्कडाउन : `### Title` → `md('### Title')` ।<br/>• HTML : `<div>Title</div>` → `html('<div>Title</div>')` ।<br/>• सम्मिलन : `Hello {{name}}` → `insert('Hello {{name}}')` ।                                                                                                                                                                                                                                                   |
+| `location`                  | इंगित करता है कि डिक्शनरी फ़ाइलें कहाँ संग्रहीत हैं और वे CMS के साथ कैसे सिंक की जाती हैं।                                                                       | `'local'` &#124; <br/> `'remote'` &#124; <br/> `'hybrid'` &#124; <br/> `'plugin'` &#124; <br/> `string`         | `'local'`    | `'hybrid'`                                                                                  | • `'local'`: केवल स्थानीय प्रबंधन।<br/>• `'remote'`: केवल दूरस्थ प्रबंधन (CMS)।<br/>• `'hybrid'`: स्थानीय और दूरस्थ प्रबंधन दोनों।<br/>• `'plugin'` या कस्टम स्ट्रिंग: प्लगइन या कस्टम स्रोत द्वारा प्रबंधन।                                                                                                                                                                                                                     |
+| `importMode`                | डिक्शनरी कैसे आयात की जाती है, इसे नियंत्रित करता है।                                                                                                             | `'static'` &#124; <br/> `'dynamic'` &#124; <br/> `'fetch'`                                                      | `'static'`   | `'dynamic'`                                                                                 | • `'static'`: स्थिर आयात।<br/>• `'dynamic'`: Suspense के माध्यम से गतिशील आयात।<br/>• `'fetch'`: लाइव सिंक API के माध्यम से फ़ेच; विफल होने पर `'dynamic'` पर वापस जाना।<br/>• `@intlayer/babel` और `@intlayer/swc` प्लगइन्स की आवश्यकता होती है।<br/>• की (keys) को स्थिर रूप से घोषित किया जाना चाहिए।<br/>• यदि `optimize` बंद है, तो अनदेखा किया जाता है।<br/>• `getIntlayer`, `getDictionary` आदि को प्रभावित नहीं करता है। |
+| `format`                    | प्रोजेक्ट में सभी शब्दकोशों के लिए डिफ़ॉल्ट संदेश प्रारूप।                                                                                                        | `'intlayer'` &#124; <br/> `'icu'` &#124; <br/> `'i18next'` &#124; <br/> `'vue-i18n'` &#124; <br/> `'po'`        | `'intlayer'` | `'icu'`                                                                                     | • `'intlayer'`: मूल intlayer प्रारूप।<br/>• `'icu'`: ICU संदेश प्रारूप।<br/>• `'i18next'`: i18next प्रारूप।<br/>• `'vue-i18n'`: Vue I18n प्रारूप।<br/>• `'po'`: GNU Gettext PO प्रारूप।                                                                                                                                                                                                                                          |
+| `priority`                  | डिक्शनरी प्राथमिकता। डिक्शनरी के बीच संघर्षों को सुलझाने के दौरान उच्च मान निम्न मानों पर जीतते हैं।                                                              | `number`                                                                                                        | `undefined`  | `1`                                                                                         |                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| `live`                      | अप्रचलित - `importMode: 'fetch'` का उपयोग करें। इंगित किया गया कि डिक्शनरी कंटेंट को लाइव सिंक API के माध्यम से गतिशील रूप से फ़ेच किया जाना चाहिए या नहीं।       | `boolean`                                                                                                       | `undefined`  |                                                                                             | v8.0.0 में नाम बदलकर `importMode: 'fetch'` कर दिया गया।                                                                                                                                                                                                                                                                                                                                                                          |
+| `schema`                    | JSON स्कीमा सत्यापन के लिए Intlayer द्वारा स्वचालित रूप से जेनरेट किया गया।                                                                                       | `'https://intlayer.org/schema.json'`                                                                            | ऑटो-जनरेशन   |                                                                                             | मैन्युअल रूप से संपादित न करें।                                                                                                                                                                                                                                                                                                                                                                                                  |
+| `title`                     | एडिटर और CMS में डिक्शनरी की पहचान करने में मदद करता है।                                                                                                          | `string`                                                                                                        | `undefined`  | `'User Profile'`                                                                            |                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| `tags`                      | डिक्शनरी को श्रेणीबद्ध करता है और एडिटर और AI के लिए संदर्भ या निर्देश प्रदान करता है।                                                                            | `string[]`                                                                                                      | `undefined`  | `['user', 'profile']`                                                                       |                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| `version`                   | दूरस्थ डिक्शनरी का संस्करण; वर्तमान में उपयोग किए जा रहे संस्करण को ट्रैक करने में मदद करता है।                                                                   | `string`                                                                                                        | `undefined`  | `'1.0.0'`                                                                                   | • CMS में प्रबंधित।<br/>• स्थानीय रूप से संपादित न करें।                                                                                                                                                                                                                                                                                                                                                                         |
 
 **`fill` उदाहरण**:
 

package/docs/hi/dictionary/condition.md

@@ -67,7 +67,10 @@ export default myConditionalContent;
 
 ## React Intlayer के साथ सशर्त सामग्री का उपयोग करना
 
-React घटक के भीतर सशर्त सामग्री का उपयोग करने के लिए, `react-intlayer` पैकेज से `useIntlayer` हुक आयात करें और उपयोग करें। यह हुक निर्दिष्ट कुंजी के लिए सामग्री प्राप्त करता है और आपको उपयुक्त आउटपुट चुनने के लिए एक शर्त पास करने की अनुमति देता है।
+<Tabs group="framework">
+  <Tab label="React" value="react">
+
+To utilize conditional content within a React component, import and use the `useIntlayer` hook from the `react-intlayer` package. This hook fetches the content for the specified key and allows you to pass in a condition to select the appropriate output.
 
 ```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
 import type { FC } from "react";
@@ -80,25 +83,25 @@ const ConditionalComponent: FC = () => {
     <div>
       <p>
         {
-          /* आउटपुट: मेरी सामग्री जब यह सत्य है */
+          /* Output: my content when it's true */
           myCondition(true)
         }
       </p>
       <p>
         {
-          /* आउटपुट: मेरी सामग्री जब यह असत्य है */
+          /* Output: my content when it's false */
           myCondition(false)
         }
       </p>
       <p>
         {
-          /* आउटपुट: मेरी सामग्री जब शर्त विफल होती है */
+          /* Output: my content when the condition fails */
           myCondition("")
         }
       </p>
       <p>
         {
-          /* आउटपुट: मेरी सामग्री जब शर्त विफल होती है */
+          /* Output: my content when the condition fails */
           myCondition(undefined)
         }
       </p>
@@ -109,6 +112,165 @@ const ConditionalComponent: FC = () => {
 export default ConditionalComponent;
 ```
 
+  </Tab>
+  <Tab label="Next.js" value="nextjs">
+
+To utilize conditional content in Next.js Client Components, retrieve it via the `useIntlayer` hook. Here's an example:
+
+```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
+"use client";
+
+import type { FC } from "react";
+import { useIntlayer } from "next-intlayer";
+
+const ConditionalComponent: FC = () => {
+  const { myCondition } = useIntlayer("my_key");
+
+  return (
+    <div>
+      <p>{myCondition(true)}</p>
+      <p>{myCondition(false)}</p>
+    </div>
+  );
+};
+
+export default ConditionalComponent;
+```
+
+  </Tab>
+  <Tab label="Vue" value="vue">
+
+To utilize conditional content in Vue components, retrieve it via the `useIntlayer` hook. Here's an example:
+
+```vue fileName="**/*.vue"
+<script setup lang="ts">
+import { useIntlayer } from "vue-intlayer";
+
+const { myCondition } = useIntlayer("my_key");
+</script>
+
+<template>
+  <div>
+    <p>{{ myCondition(true) }}</p>
+    <p>{{ myCondition(false) }}</p>
+  </div>
+</template>
+```
+
+  </Tab>
+  <Tab label="Svelte" value="svelte">
+
+To utilize conditional content in Svelte components, retrieve it via the `useIntlayer` hook. The store is accessed with `$`. Here's an example:
+
+```svelte fileName="**/*.svelte"
+<script lang="ts">
+import { useIntlayer } from "svelte-intlayer";
+
+const content = useIntlayer("my_key");
+</script>
+
+<div>
+  <p>{$content.myCondition(true)}</p>
+  <p>{$content.myCondition(false)}</p>
+</div>
+```
+
+  </Tab>
+  <Tab label="Preact" value="preact">
+
+To utilize conditional content in Preact components, retrieve it via the `useIntlayer` hook. Here's an example:
+
+```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
+import type { FC } from "preact";
+import { useIntlayer } from "preact-intlayer";
+
+const ConditionalComponent: FC = () => {
+  const { myCondition } = useIntlayer("my_key");
+
+  return (
+    <div>
+      <p>{myCondition(true)}</p>
+      <p>{myCondition(false)}</p>
+    </div>
+  );
+};
+
+export default ConditionalComponent;
+```
+
+  </Tab>
+  <Tab label="Solid" value="solid">
+
+To utilize conditional content in SolidJS components, retrieve it via the `useIntlayer` hook. Here's an example:
+
+```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
+import type { Component } from "solid-js";
+import { useIntlayer } from "solid-intlayer";
+
+const ConditionalComponent: Component = () => {
+  const { myCondition } = useIntlayer("my_key");
+
+  return (
+    <div>
+      <p>{myCondition(true)}</p>
+      <p>{myCondition(false)}</p>
+    </div>
+  );
+};
+
+export default ConditionalComponent;
+```
+
+  </Tab>
+  <Tab label="Angular" value="angular">
+
+To utilize conditional content in Angular components, retrieve it via the `useIntlayer` hook. Here's an example:
+
+```typescript fileName="app.component.ts" codeFormat="typescript"
+import { Component } from "@angular/core";
+import { useIntlayer } from "angular-intlayer";
+
+@Component({
+  selector: "app-conditional",
+  template: `
+    <div>
+      <p>{{ content().myCondition(true) }}</p>
+      <p>{{ content().myCondition(false) }}</p>
+    </div>
+  `,
+})
+export class ConditionalComponent {
+  content = useIntlayer("my_key");
+}
+```
+
+  </Tab>
+  <Tab label="Vanilla JS" value="vanilla">
+
+To utilize conditional content with `vanilla-intlayer`, retrieve it via the `useIntlayer` hook. Here's an example:
+
+```typescript fileName="**/*.ts" codeFormat={["typescript", "esm"]}
+import { installIntlayer, useIntlayer } from "vanilla-intlayer";
+
+installIntlayer();
+
+const content = useIntlayer("my_key").onChange((newContent) => {
+  document.getElementById("true-content")!.textContent =
+    newContent.myCondition(true);
+  document.getElementById("false-content")!.textContent =
+    newContent.myCondition(false);
+});
+
+// Initial render
+document.getElementById("true-content")!.textContent =
+  content.myCondition(true);
+document.getElementById("false-content")!.textContent =
+  content.myCondition(false);
+```
+
+  </Tab>
+</Tabs>
+
 ## अतिरिक्त संसाधन
 
 कॉन्फ़िगरेशन और उपयोग पर अधिक विस्तृत जानकारी के लिए, निम्नलिखित संसाधनों का संदर्भ लें: