vite.config.mts

import Vscode from '@tomjs/vite-plugin-vscode'
import Vue from '@vitejs/plugin-vue'
import Unocss from 'unocss/vite'
import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [
    Vue({
      template: {
        compilerOptions: {
          isCustomElement: (tag: string) => tag.startsWith('vscode-'),
        },
      },
    }),
    Unocss(),
    Vscode({
      extension: {
        noExternal: [
          'reactive-vscode',
          'shiki',
          '@shikijs/core',
          '@tomjs/vite-plugin-vscode',
          '@reactive-vscode/vueuse',
          '@reactive-vscode/reactivity',
          '@vue/reactivity',
          '@vue/shared',
        ],
        define: {
          __DEV__: 'true',
        },
      },
      webview: {
        csp: `<meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src {{cspSource}} 'unsafe-inline'; script-src 'nonce-{{nonce}}' 'unsafe-eval'; img-src 'self' data:;">`,
      },
    }),
  ],
})