import tailwindcss from '@tailwindcss/vite'

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: '2025-07-15',

  devtools: { enabled: true },

  modules: [
    '@nuxt/icon',
    '@nuxtjs/color-mode',
    '@pinia/nuxt',
  ],

  // shadcn-vue UI 컴포넌트: pathPrefix: false → 'Button'으로 사용 (UiButton 아님)
  // extensions: ['vue'] → index.ts 중복 등록 방지
  components: [
    { path: '~/components/ui', pathPrefix: false, extensions: ['vue'] },
    '~/components',
  ],

  // 다크모드: suffix 없이 class 기반 (shadcn-vue 호환)
  colorMode: {
    classSuffix: '',
  },

  // 글로벌 CSS (공식 TailwindCSS 가이드 경로)
  css: ['./app/assets/css/main.css'],

  // TailwindCSS v4 Vite 플러그인 (공식 가이드)
  vite: {
    plugins: [tailwindcss()],
  },

  // TypeScript strict 모드
  typescript: {
    strict: true,
  },
})