// https://nuxt.com/docs/api/configuration/nuxt-config
import { addComponent, createResolver } from '@nuxt/kit'

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

export default defineNuxtConfig({
  app: {
    head: {
      meta: [
        { charset: 'utf-8' },
        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      ],
      link: [{ rel: 'icon', href: '/favicon.ico' }],
      htmlAttrs: {
        lang: 'zh',
      },
    },
  },
  modules: [
    '@unocss/nuxt',
    '@vueuse/nuxt',
    '@nuxtjs/color-mode',
    () => {
      addComponent({
        filePath: 'vee-validate',
        export: 'Form',
        name: `Form`,
        priority: 999,
      })

      addComponent({
        filePath: 'vee-validate',
        export: 'Field',
        name: `FormField`,
        priority: 999,
      })

      addComponent({
        filePath: 'vaul-vue',
        export: 'DrawerPortal',
        name: `DrawerPortal`,
        priority: 999,
      })
      addComponent({
        filePath: 'vaul-vue',
        export: 'DrawerTrigger',
        name: `DrawerTrigger`,
        priority: 999,
      })
      addComponent({
        filePath: 'vaul-vue',
        export: 'DrawerClose',
        name: `DrawerClose`,
        priority: 999,
      })
    },
  ],
  alias: { '#shadcn-pro': resolve('./') },
  components: [
    {
      path: '#shadcn-pro/components/ui',
      prefix: '',
      pathPrefix: false,
      extensions: ['vue'],
    },
    { path: '#shadcn-pro/components', prefix: 'Ui', pathPrefix: false },
  ],
  css: [
    '@unocss/reset/tailwind.css',
    '#shadcn-pro/assets/css/scrollbars.css',
  ],
  postcss: {
    plugins: {
      'postcss-nesting': {},
    },
  },
  colorMode: {
    classSuffix: '',
  },
})