import tailwindcss from '@tailwindcss/vite'

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

  app: {
    head: {
      link: [
        { rel: 'preconnect', href: 'https://fonts.googleapis.com' },
        { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: '' },
        { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap' },
      ],
    },
  },

  css: ['~/assets/css/main.css'],
  devtools: { enabled: true },

  vite: {
    optimizeDeps: {
      include: [
        'vue3-toastify',
      ]
    },
    plugins: [
      tailwindcss(),
    ]
  },
  typescript: {
    tsConfig: {
      compilerOptions: {
        ignoreDeprecations: "6.0",
        paths: {
          'common': ['./packages/common']
        },
      }
    }
  },
  nitro: {
    typescript: {
      tsConfig: {
        compilerOptions: {
          resolvePackageJsonExports: true,
          resolvePackageJsonImports: true,
          ignoreDeprecations: "6.0",
          paths: {
            'drizzle-pkg': ['./packages/drizzle-pkg'],
            'cache': ['./packages/cache'],
            'common': ['./packages/common'],
            'logger': ['./packages/logger']
          },
        }
      },
    }
  },

  modules: ['@nuxt/icon'],
  icon: {
    mode: 'css',
    cssLayer: 'base'
  }
})