// https://nuxt.com/docs/api/configuration/nuxt-config
import { createResolver } from '@nuxt/kit'
const { resolve } = createResolver(import.meta.url)
export default defineNuxtConfig({

  devtools: { enabled: true },

  modules: [
    '@nuxt/image',
    '@nuxtjs/tailwindcss',
    '@nuxtjs/color-mode',
    '@samk-dev/nuxt-vcalendar',
    '@nuxtjs/i18n',
    '@nuxtjs/google-fonts'
  ],

  colorMode: {
    preference: 'light',
    classSuffix: ''
  },

  googleFonts: {
    families: {
      'Open+Sans': '300..800',
    },
    display: 'swap',
  },

  i18n: {
    defaultLocale: 'ru',
    // locales: ['ru', 'kk', 'en'],
    // vueI18n: '/i18n.config.ts',
  },

  alias: {
    '#adata-ui': resolve('./'),
    'lodash/isEqual.js': 'lodash/isEqual.js'
  },

  components: [
    { path: '#adata-ui/components', prefix: 'A', pathPrefix: false, extensions: ['.vue'] },
    { path: '#adata-ui/icons', prefix: 'AIcon', pathPrefix: false, extensions: ['.vue'] },
    { path: '#adata-ui/illustrations', prefix: 'AIll', pathPrefix: false, extensions: ['.vue'] }
  ],

  runtimeConfig: {
    public: {
      baseDomain: 'adata.kz'
    }
  },

  vite: {
    css: {
      preprocessorOptions: {
        scss: {
          api: 'modern-compiler',
        },
      },
    },
  },

  css: ['#adata-ui/assets/styles/index.scss']

})