import { createResolver, logger, defineNuxtModule } from '@nuxt/kit'
import { $fetch } from 'ofetch'

import { withShurikenUI } from './tailwind'

import { name, version, repository } from './package.json'

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

// https://v3.nuxtjs.org/api/configuration/nuxt.config
export default defineNuxtConfig({
  css: [
    resolve('./css/color-scheme.css'),
    resolve('./css/slimscroll.css'),
    resolve('./css/tooltips.css'),
  ],
  modules: [
    '@vueuse/nuxt',
    '@nuxtjs/color-mode',
    '@nuxtjs/tailwindcss',
    'nuxt-icon',
    defineNuxtModule({
      meta: {
        name,
      },
      setup(_, nuxt) {
        if (nuxt.options.dev) {
          $fetch(`https://registry.npmjs.org/${name}/latest`)
            .then((release: any) => {
              if (release.version > version) {
                logger.info(
                  `A new version of ${name} (v${release.version}) is available: https://github.com/${repository}/releases/latest`
                )
              }
              logger.success(`Using ${name} v${version}`)
            })
            .catch((_) => {
              // disacard
            })
        }
      },
    }),
  ],
  tailwindcss: {
    config: withShurikenUI({
      content: [],
    }),
  },
  colorMode: {
    classSuffix: '',
  },

  components: [
    {
      prefix: '',
      path: resolve('./components/base'),
      global: true,
    },
    {
      prefix: '',
      path: resolve('./components/icon'),
      global: true,
    },
    {
      prefix: '',
      path: resolve('./components/form'),
      global: true,
    },
  ],
})