vite.config.ts

import { defineConfig } from 'vite'
import type { Plugin } from 'vite'
import Unocss from 'unocss/vite'
import Components from 'unplugin-vue-components/vite'
import { presetAttributify, presetIcons, presetUno } from 'unocss'


export default defineConfig({
    plugins: [
        Components({
            include: [/\.vue/, /\.md/],
            dirs: '.vitepress/components',
            dts: '.vitepress/components.d.ts',
        }) as Plugin,
        Unocss({
            shortcuts: [
                ['btn', 'px-4 py-1 rounded inline-flex justify-center gap-2 text-white leading-30px children:mya !no-underline cursor-pointer disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
            ],
            presets: [
                presetUno({
                    dark: 'media',
                }),
                presetAttributify(),
                presetIcons({
                    scale: 1.2,
                }),
            ],
        })as unknown as Plugin,
    ],
})