Nuxt Content

Configuration du module Nuxt Content.

La configuration par défaut de nuxt content peut être remplacée dans nuxt.config.ts.

nuxt.config.ts
export default defineNuxtConfig({
  devtools: { enabled: true },
  extends: ['shadcn-docs-nuxt'],

  // Ici
  content: {
    // ...
  },

  compatibilityDate: '2024-07-06',
});

Coloration Syntaxique

Thème

nuxt.config.ts
export default defineNuxtConfig({
  content: {
    highlight: {
      theme: {
        // Thème par défaut
        default: 'github-light',
        // Thème utilisé en mode sombre
        dark: 'github-dark',
      }
    }
  }
});

Langages

Les langages colorés par défaut sont : ['json', 'js', 'ts', 'html', 'css', 'vue', 'diff', 'shell', 'markdown', 'yaml', 'bash', 'ini'].

Si vous avez besoin de colorer d'autres langages, ajoutez-les dans votre nuxt.config.ts.

nuxt.config.ts
export default defineNuxtConfig({
  content: {
    highlight: {
      langs: ['c', 'cpp'],
    },
  },
});

Configuration Par Défaut

nuxt.config.ts
export default defineNuxtConfig({
  content: {
    documentDriven: true,
    highlight: {
      theme: {
        default: 'github-light',
        dark: 'github-dark',
      },
      preload: ['json', 'js', 'ts', 'html', 'css', 'vue', 'diff', 'shell', 'markdown', 'mdc', 'yaml', 'bash', 'ini', 'dotenv'],
    },
    navigation: {
      fields: ['icon'],
    },
    experimental: {
      search: {
        indexed: true,
      },
    },
  },
});
Modifier cette page
Vue d'ensemble
Personnalisation de shadcn-docs-nuxt.
Image OG
Personnalisation de l'Image OG dynamique.