// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: "2025-05-15",
  devtools: { enabled: true },
  modules: [
    "@nuxt/eslint",
    "@nuxt/image",
    "@nuxt/icon",
    "@pinia/nuxt",
    "@nuxtjs/tailwindcss",
  ],
  app: {
    head: {
      link: [
        {
          rel: "stylesheet",
          href: "https://fonts.googleapis.com/icon?family=Material+Icons",
        },
      ],
      script: [
        { src: '/dist/igv.js', defer: true }
      ]
    },
  },
  vite: {
    optimizeDeps: {
      include: ['cytoscape-overlays'],
    },
    build: {
      commonjsOptions: {
        transformMixedEsModules: true,
      },
    },
  },
  nitro: {
    logLevel: 'debug'
  },
  runtimeConfig: {
    public: {
      apiBase: process.env.API_BASE || 'http://localhost',
      contextPath: process.env.CONTEXT_PATH || '/service',
    }
  },
  typescript: {
    shim: false,
    strict: true,
  },
  plugins: ['~/plugins/vue3-tui-grid.client.ts'],
  components: [
    { path: '~/components', pathPrefix: false }, // 경로 접두사 제거
  ]
});