vite.config.ts

import path from 'path'
import { defineConfig } from 'vite'
import { MarkdownTransform } from './.vitepress/plugins/markdown'

import Components from 'unplugin-vue-components/vite'
import Icons from 'unplugin-icons/vite'
import IconsResolver from 'unplugin-icons/resolver'

import Unocss from 'unocss/vite'
import { presetUno, presetIcons, /* presetAttributify */ } from 'unocss'

export default defineConfig({
  resolve: {
    alias: [
      {
        find: '~/',
        replacement: `${path.resolve(__dirname, './.vitepress/vitepress')}/`,
      }
    ]
  },
  plugins: [
    Components({
      dirs: ['.vitepress/vitepress/components'],

      allowOverrides: true,

      // custom resolvers
      resolvers: [
        // auto import icons
        // https://github.com/antfu/unplugin-icons
        IconsResolver(),
      ],

      // allow auto import and register components used in markdown
      include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
    }),

    Icons({
      autoInstall: true,
    }),

    Unocss({
      presets: [
        presetUno(),
        // presetAttributify(),
        presetIcons()
      ]
    }),

    MarkdownTransform()
  ]
})