import tailwindcss from '@tailwindcss/vite'
import { federation } from "@module-federation/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(),
      // https://zhuanlan.zhihu.com/p/2028122363351381389
      // https://module-federation.io/zh/integrations/build-tool/vite
      // federation({
      //   name: "host_app",
      //   remotes: {
      //     remote: {
      //       type: "module",
      //       name: "esm_remote",
      //       entry: "https://[...]/remoteEntry.js",
      //     },
      //   },
      //   shared: ["vue"]
      // })
    ]
  },
  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'
  }
})