Nuxt Content

配置 Nuxt Content 模块。

默认的 nuxt content 配置可以在 nuxt.config.ts 中覆盖。

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

  // 在这里
  content: {
    // ...
  },

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

语法高亮

主题

nuxt.config.ts
export default defineNuxtConfig({
  content: {
    highlight: {
      theme: {
        // 默认主题
        default: 'github-light',
        // 深色模式使用的主题
        dark: 'github-dark',
      }
    }
  }
});

语言

默认高亮的语言有：['json', 'js', 'ts', 'html', 'css', 'vue', 'diff', 'shell', 'markdown', 'yaml', 'bash', 'ini']。

如果您需要高亮其他语言，请在 nuxt.config.ts 中添加它们。

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

默认配置

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,
      },
    },
  },
});
概览
自定义 shadcn-docs-nuxt。
OG 图片
自定义动态 OG 图片。