import { createResolver } from '@nuxt/kit'

const { resolve } = createResolver(import.meta.url)

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  devtools: { enabled: true },
  app: {
    head: {
      link: [
        {
          rel: 'preconnect',
          href: 'https://fonts.googleapis.com',
        },
        {
          rel: 'preconnect',
          href: 'https://fonts.gstatic.com',
          crossorigin: 'anonymous',
        },
        {
          rel: 'stylesheet',
          href: 'https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&display=swap',
        },
      ],
    },
  },
  components: {
    dirs: [
      {
        path: resolve('./components'),
        global: true,
        prefix: 'Ui',
        extensions: ['.vue'],
        ignore: [
          '**/accordion/transition.vue',
          '**/switcher/option.vue',
          '**/tabs/option.vue',
          '**/select/option.vue',
        ],
      },
    ],
  },
  css: [resolve('./styles/index.scss')],
  vite: {
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: `
            @use "${resolve('./styles/mixins')}" as *;
            @use "${resolve('./styles/variables')}" as *;
          `,
        },
      },
    },
  },
})