Comenzando la declaración de su contenido

    Extensiones de archivos

    Por defecto, Intlayer observa todos los archivos con las siguientes extensiones para declaraciones de contenido:

    • .content.ts
    • .content.tsx
    • .content.js
    • .content.mjs
    • .content.cjs

    La aplicación buscará archivos que coincidan con el patrón glob ./src/**/*.content.{ts,tsx,js,jsx,mjs,cjs} por defecto.

    Estas extensiones predeterminadas son adecuadas para la mayoría de las aplicaciones. Sin embargo, si tiene requisitos específicos, consulte la guía de personalización de extensiones de contenido para obtener instrucciones sobre cómo gestionarlas.

    Para una lista completa de opciones de configuración, visite la documentación de configuración.

    Declare Su Contenido

    Cree y gestione sus diccionarios:

    src/example.content.ts
    import { t, enu, cond, nest, md, type Dictionary } from "intlayer";interface Content {  imbricatedContent: {    imbricatedContent2: {      stringContent: string;      numberContent: number;      booleanContent: boolean;    };    multilingualContent: string;    quantityContent: string;    conditionalContent: string;    nestedContent: string;    markdownContent: string;    externalContent: string;  };}export default {  key: "page",  content: {    imbricatedContent: {      imbricatedContent2: {        stringContent: "Hello World",        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",    }),    quantityContent: enu({      "<-1": "Menos de menos un coche",      "-1": "Menos un coche",      "0": "Sin coches",      "1": "Un coche",      ">5": "Algunos coches",      ">19": "Muchos coches",    }),    conditionalContent: cond({      true: "La validación está habilitada",      false: "La validación está deshabilitada",    }),    nestedContent: nest(      "navbar", // La clave del diccionario a anidar      "login.button" // [Opcional] La ruta al contenido a anidar    ),    externalContent: async () => await fetch("https://example.com"),    markdownContent: md("# Ejemplo de Markdown"),    /*     * Solo disponible usando `react-intlayer` o `next-intlayer`     */    jsxContent: <h1>Mi título</h1>,  },} satisfies Dictionary<Content>; // [opcional] Dictionary es genérico y permite fortalecer el formato de su diccionario

    Imbricación de funciones

    Puede sin problema imbricar funciones en otras.

    Ejemplo:

    src/example.content.ts
    import { t, enu, cond, nest, md, type Dictionary } from "intlayer";const getName = async () => "John Doe";export default {  key: "page",  content: {    // `getIntlayer('page','es').hiMessage` devuelve `['Hola', ' ', 'John Doe']`    hiMessage: [      t({        en: "Hi",        fr: "Salut",        es: "Hola",      }),      " ",      getName(),    ],    // Contenido compuesto imbricando condición, enumeración y contenido multilingüe    // `getIntlayer('page','es').advancedContent(true)(10) devuelve 'Se encontraron múltiples artículos'`    advancedContent: cond({      true: enu({        "0": t({          en: "No items found",          fr: "Aucun article trouvé",          es: "No se encontraron artículos",        }),        "1": t({          en: "One item found",          fr: "Un article trouvé",          es: "Se encontró un artículo",        }),        ">1": t({          en: "Multiple items found",          fr: "Plusieurs articles trouvés",          es: "Se encontraron múltiples artículos",        }),      }),      false: t({        en: "No valid data available",        fr: "Aucune donnée valide disponible",        es: "No hay datos válidos disponibles",      }),    }),  },} satisfies Dictionary;

    Si tienes una idea para mejorar esta documentación, no dudes en contribuir enviando una pull request en GitHub.

    Enlace de GitHub a la documentación
    Intlayer CMSTraducción