nuxt-content-assets/playground/nuxt.config.ts at main · davestewart/nuxt-content-assets · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
import { defineNuxtConfig } from 'nuxt/config'

export default defineNuxtConfig({
  modules: [
    // make sure to add before content!
    '../src/module',
    '@nuxt/content',
    '@nuxt/image',
    '@nuxt/ui',

    // make <NuxtImg> available to markdown as :nuxt-img{...}
    // (a module, so the hook runs after @nuxt/image registers the component)
    function (_options, nuxt) {
      nuxt.hook('components:extend', (components) => {
        const component = components.find(c => c.pascalName === 'NuxtImg')
        if (component) {
          component.global = true
        }
      })
    },
  ],

  devtools: {
    enabled: true,
  },

  css: ['~/assets/css/main.css'],

  // light mode only
  ui: {
    colorMode: false,
  },

  // https://content.nuxt.com/docs/getting-started/configuration
  content: {
    experimental: {
      // use node's built-in sqlite, so the playground doesn't need better-sqlite3
      sqliteConnector: 'native',
    },
    build: {
      markdown: {
        highlight: {
          theme: 'github-light',
          langs: ['js', 'ts', 'md', 'html'],
        },
      },
    },
    renderer: {
      anchorLinks: false,
    },
  },

  // https://github.com/davestewart/nuxt-content-assets/#configuration
  contentAssets: {
    // add image size hints (except for src, as to not interfere with Nuxt Image)
    imageSize: 'style attrs',

    // show debug messages
    debug: true,
  },

  compatibilityDate: '2026-09-01',
})