इस पृष्ठ की सामग्री एक AI द्वारा अनुवादित की गई है।

    अंग्रेजी में मूल सामग्री के अंतिम संस्करण देखें

    अपनी सामग्री की घोषणा शुरू करना

    फ़ाइल एक्सटेंशन

    डिफ़ॉल्ट रूप से, Intlayer सामग्री घोषणाओं के लिए निम्नलिखित एक्सटेंशनों वाली सभी फ़ाइलों को देखता है:

    • .content.json
    • .content.ts
    • .content.tsx
    • .content.js
    • .content.jsx
    • .content.mjs
    • .content.mjx
    • .content.cjs
    • .content.cjx

    एप्लिकेशन डिफ़ॉल्ट रूप से ./src/**/*.content.{json,ts,tsx,js,jsx,mjs,mjx,cjs,cjx} ग्लोब पैटर्न से मेल खाने वाली फ़ाइलों की खोज करेगा।

    ये डिफ़ॉल्ट एक्सटेंशन अधिकांश एप्लिकेशन के लिए उपयुक्त हैं। हालांकि, यदि आपके पास विशिष्ट आवश्यकताएँ हैं, तो उन्हें प्रबंधित करने के निर्देशों के लिए सामग्री एक्सटेंशन अनुकूलन गाइड देखें।

    कॉन्फ़िगरेशन विकल्पों की पूरी सूची के लिए, कॉन्फ़िगरेशन दस्तावेज़ देखें।

    अपनी सामग्री घोषित करें

    अपनी डिक्शनरी बनाएं और प्रबंधित करें:

    src/example.content.tsx
    import { t, enu, cond, nest, md, type Dictionary } from "intlayer";

interface Content {
  imbricatedContent: {
    imbricatedContent2: {
      stringContent: string;
      numberContent: number;
      booleanContent: boolean;
      javaScriptContent: string;
    };
  };
  multilingualContent: string;
  quantityContent: string;
  conditionalContent: string;
  externalContent: string;
  insertionContent: string;
  fileContent: string;
  nestedContent: any;
  markdownContent: any;
  jsxContent: any;
}

export default {
  key: "page",
  content: {
    imbricatedContent: {
      imbricatedContent2: {
        stringContent: "नमस्ते दुनिया",
        numberContent: 123,
        booleanContent: true,
        javaScriptContent: `${process.env.NODE_ENV}`,
      },
    },
    multilingualContent: t({
      en: "English content",
      "en-GB": "English content (UK)",
      fr: "French content",
      es: "Spanish content",
      hi: "हिंदी सामग्री",
    }),
    quantityContent: enu({
      "<-1": "माइनस एक से कम कार",
      "-1": "माइनस एक कार",
      "0": "कोई कार नहीं",
      "1": "एक कार",
      ">5": "कुछ कारें",
      ">19": "कई कारें",
    }),
    conditionalContent: cond({
      true: "सत्यापन सक्षम है",
      false: "सत्यापन अक्षम है",
    }),
    nestedContent: nest(
      "navbar", // नेस्ट करने के लिए डिक्शनरी की कुंजी
      "login.button" // [वैकल्पिक] नेस्ट करने के लिए सामग्री का पथ
    ),
    externalContent: fetch("https://example.com").then((res) => res.json())
    markdownContent: md("# मार्कडाउन उदाहरण"),

    /*
     * केवल `react-intlayer` या `next-intlayer` का उपयोग करके उपलब्ध
     */
    jsxContent: <h1>मेरा शीर्षक</h1>,
  },
} satisfies Dictionary<Content>; // [वैकल्पिक] डिक्शनरी जेनेरिक है और आपकी डिक्शनरी के स्वरूपण को मजबूत करने की अनुमति देती है

    फ़ंक्शन इम्ब्रिकेशन

    आप बिना किसी समस्या के एक फ़ंक्शन को दूसरे में इम्ब्रिकेट कर सकते हैं।

    उदाहरण:

    src/example.content.tsx
    import { t, enu, cond, nest, md, type Dictionary } from "intlayer";

const getName = async () => "जॉन डो";

export default {
  key: "page",
  content: {
    // `getIntlayer('page','hi').hiMessage` `['नमस्ते', ' ', 'जॉन डो']` लौटाता है
    hiMessage: [
      t({
        en: "Hi",
        fr: "Salut",
        es: "Hola",
        hi: "नमस्ते",
      }),
      " ",
      getName(),
    ],
    // Composite content imbricating condition, enumeration, and multilingual content
    // `getIntlayer('page','hi').advancedContent(true)(10) 'कई वस्तुएं मिलीं' लौटाता है
    advancedContent: cond({
      true: enu({
        "0": t({
          en: "No items found",
          fr: "Aucun article trouvé",
          es: "No se encontraron artículos",
          hi: "कोई वस्तु नहीं मिली",
        }),
        "1": t({
          en: "One item found",
          fr: "Un article trouvé",
          es: "Se encontró un artículo",
          hi: "एक वस्तु मिली",
        }),
        ">1": t({
          en: "Multiple items found",
          fr: "Plusieurs articles trouvés",
          es: "Se encontraron múltiples artículos",
          hi: "कई वस्तुएं मिलीं",
        }),
      }),
      false: t({
        en: "No valid data available",
        fr: "Aucune donnée valide disponible",
        es: "No hay datos válidos disponibles",
        hi: "कोई मान्य डेटा उपलब्ध नहीं है",
      }),
    }),
  },
} satisfies Dictionary;

    अगर आपके पास इस दस्तावेज़ को सुधारने के लिए कोई विचार है, तो कृपया GitHub पर एक पुल अनुरोध सबमिट करके योगदान देने में संकोच न करें।

    दस्तावेज़ के लिए GitHub लिंक
    Intlayer CMSअनुवाद