vite.config.ts

import type { UserConfig } from 'vite'
import process from 'node:process'
import { fileURLToPath, URL } from 'node:url'
import MarkdownItShiki from '@shikijs/markdown-it'
import Vue from '@vitejs/plugin-vue'
import Markdown from 'unplugin-vue-markdown/vite'
import { defineConfig } from 'vite'
import dts from 'vite-plugin-dts'
import { qrcode } from 'vite-plugin-qrcode'
import vueDevTools from 'vite-plugin-vue-devtools'

const config: UserConfig = {
  plugins: [
    qrcode(),

    Vue({
      include: [/\.vue$/, /\.md$/],
    }),

    vueDevTools(),

    // https://github.com/antfu/vite-plugin-md
    // Don't need this? Try vitesse-lite: https://github.com/antfu/vitesse-lite
    Markdown({
      headEnabled: false,
      async markdownItSetup(md) {
        // https://prismjs.com/
        // md.use(MarkdownPrism)

        md.use(await MarkdownItShiki({
          langs: [
            'vue',
            'js',
            'ts',
            'styl',
            'css',
            'scss',
            'sass',
            'swift',
            'objc',
            'html',
            'json',
            'json5',
            'console',
            'md',
            'xml',
          ],
          themes: {
            light: 'github-light',
            dark: 'github-dark',
          },
        }))
      },
    }),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./lib', import.meta.url)),
    },
    conditions: ['module', 'browser'],
  },
  // server: {
  //   port: 8080,
  // },
}

if (!process.env.BUILD_DEMO) {
  config.plugins?.push(
    dts({
      rollupTypes: true,
    }),
  )

  // https://vitejs.dev/guide/build.html#library-mode
  config.build = {
    // sourcemap: false,
    // cssMinify: 'lightningcss',
    // cssTarget: 'es2015',

    lib: {
      formats: ['es'],
      entry: [fileURLToPath(new URL('./lib/lib.ts', import.meta.url))],
      fileName: 'lib',
    },
    rollupOptions: {
      // preserveEntrySignatures: "strict",
      external: ['vue', '@vueuse/core', 'zeed'], // Object.keys(pkg.dependencies),
    },
  }
}

// https://vitejs.dev/config/
export default defineConfig(config)