import { defineNuxtConfig } from 'nuxt/config'
import eslintPlugin from 'vite-plugin-eslint'
import ElementPlus from 'unplugin-element-plus/vite'

export default defineNuxtConfig({
  app: {
    head: {
      title: 'MMGC - Mirai Mad Team',
      meta: [
        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
        {
          hid: 'description',
          name: 'description',
          content: 'Mirai Mad 官网'
        }
      ],
      link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
    }
  },
  css: ['@/assets/scss/index.scss', '@/assets/scss/iconfont.scss'],
  build: {
    transpile: ['element-plus/es']
  },
  imports: {
    autoImport: true
  },
  typescript: {
    strict: true,
    shim: false
  },
  vite: {
    plugins: [
      eslintPlugin({
        include: ['src/**/*.js', 'src/**/*.vue', 'src/*.js', 'src/*.vue']
      }),
      ElementPlus()
    ],
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: "@import '@/assets/scss/export.scss';"
        }
      }
    }
  },
  modules: [
    '@vueuse/nuxt',
    '@unocss/nuxt',
    '@pinia/nuxt',
    '@varlet/nuxt',
    [
      '@nuxtjs/i18n',
      {
        locales: ['cn', 'en', 'jp'],
        detectBrowserLanguage: {
          useCookie: true,
          cookieKey: 'i18n_redirected',
          redirectOn: 'root' // recommended
        },
        fallbackLocale: 'cn',
        vueI18n: './i18n/i18n.ts'
      }
    ],
    '@element-plus/nuxt',
    'nuxt-icon',
    'nuxt-lodash',
    'dayjs-nuxt'
  ],
  runtimeConfig: {
    public: {
      apiBase: process.env.NUXT_PUBLIC_API_BASE || 'https://mirai-mad.com',
      siteUrl: process.env.NUXT_PUBLIC_API_BASE || 'https://mirai-mad.com',
      apiPrefix: process.env.NUXT_PUBLIC_API_PREFIX || '/mmgcApi',
      apiLocal: process.env.NUXT_PUBLIC_API_LOCAL || 'http://localhost:8055'
    }
  },
  plugins: ['~~/plugins/pinia-plugin-persist.client']
})