ui/docs/nuxt.config.ts

import { createResolver } from '@nuxt/kit'
import colors from 'tailwindcss/colors'
import module from '../src/module'
import { excludeColors } from '../src/runtime/utils/colors'
import pkg from '../package.json'

const { resolve } = createResolver(import.meta.url)

export default defineNuxtConfig({
  // @ts-ignore
  extends: process.env.NUXT_UI_PRO_PATH
    ? [
        process.env.NUXT_UI_PRO_PATH,
        resolve(process.env.NUXT_UI_PRO_PATH, '.docs')
      ]
    : [
        '@nuxt/ui-pro',
        process.env.NUXT_GITHUB_TOKEN && ['github:nuxt/ui-pro/.docs#v1', { giget: { auth: process.env.NUXT_GITHUB_TOKEN } }]
      ].filter(Boolean),

  modules: [
    '@nuxt/content',
    '@nuxt/fonts',
    '@nuxt/image',
    'nuxt-og-image',
    module,
    '@nuxtjs/plausible',
    '@vueuse/nuxt',
    'nuxt-component-meta',
    'nuxt-cloudflare-analytics'
  ],

  site: {
    url: 'https://ui2.nuxt.com'
  },

  content: {
    highlight: {
      langs: [
        'postcss',
        'mdc'
      ]
    },
    sources: {
      pro: process.env.NUXT_UI_PRO_PATH
        ? {
            prefix: '/pro',
            driver: 'fs',
            base: resolve(process.env.NUXT_UI_PRO_PATH, '.docs/content/pro')
          }
        : process.env.NUXT_GITHUB_TOKEN
          ? {
              prefix: '/pro',
              driver: 'github',
              repo: 'nuxt/ui-pro',
              branch: 'v1',
              dir: '.docs/content/pro',
              token: process.env.NUXT_GITHUB_TOKEN || ''
            }
          : undefined
    }
  },

  ui: {
    global: true,
    safelistColors: excludeColors(colors)
  },

  runtimeConfig: {
    public: {
      version: pkg.version
    }
  },

  routeRules: {
    '/components': { redirect: '/components/accordion', prerender: false }
  },

  compatibilityDate: '2024-07-23',

  nitro: {
    prerender: {
      routes: [
        '/',
        '/getting-started',
        '/api/search.json',
        '/api/releases.json',
        '/api/pulls.json'
      ],
      ignore: !process.env.NUXT_UI_PRO_PATH && !process.env.NUXT_GITHUB_TOKEN ? ['/pro'] : []
    }
  },

  vite: {
    optimizeDeps: {
      include: ['date-fns']
    },
    server: {
      fs: {
        allow: process.env.NUXT_UI_PRO_PATH ? [resolve(process.env.NUXT_UI_PRO_PATH)] : undefined
      }
    }
  },

  typescript: {
    strict: false
  },

  hooks: {
    // Related to https://github.com/nuxt/nuxt/pull/22558
    'components:extend': (components) => {
      components.forEach((component) => {
        if (component.shortPath.includes(process.env.NUXT_UI_PRO_PATH || '@nuxt/ui-pro')) {
          component.global = true
        } else if (component.global) {
          component.global = 'sync'
        }
      })
    }
  },

  cloudflareAnalytics: {
    token: '1e2b0c5e9a214f0390b9b94e043d8d4c',
    scriptPath: false
  },

  componentMeta: {
    exclude: [
      '@nuxt/content',
      '@nuxt/ui-templates',
      '@nuxtjs/color-mode',
      '@nuxtjs/mdc',
      'nuxt/dist',
      'nuxt-og-image',
      'nuxt-site-config',
      resolve('./components'),
      process.env.NUXT_UI_PRO_PATH ? resolve(process.env.NUXT_UI_PRO_PATH, '.docs', 'components') : '.c12'
    ],
    metaFields: {
      type: false,
      props: true,
      slots: true,
      events: false,
      exposed: false
    }
  },

  icon: {
    clientBundle: {
      scan: true
    }
  },

  image: {
    provider: 'ipx'
  }
})