import { createResolver } from '@nuxt/kit'
import {
  defineConfig,
  presetIcons,
  presetUno,
  transformerDirectives,
} from 'unocss'
import presetAnimations from 'unocss-preset-animations'
import { builtinColors, presetShadcn } from 'unocss-preset-shadcn'

export { mergeConfigs } from 'unocss'
export { presetShadcn, builtinColors } from 'unocss-preset-shadcn'
const { resolve } = createResolver(import.meta.url)

export default defineConfig({
  presets: [
    presetIcons({
      scale: 1.2,
    }),
    presetUno(),
    presetAnimations(),
    presetShadcn(builtinColors.map(color => ({ color }))),
  ],
  transformers: [transformerDirectives()],
  content: {
    pipeline: {
      include: [
        // the default
        /\.(vue|svelte|[jt]sx|mdx?|astro|elm|php|phtml|html)($|\?)/,
        // include js/ts files
        `${resolve('./components/ui')}/**/*.{js,ts}`,
      ],
    },
  },
})