wxt.config.ts

import { resolve } from 'node:path'
import UnoCSS from 'unocss/vite'
import VueRouter from 'unplugin-vue-router/vite'
import { defineConfig } from 'wxt'
import Layouts from 'vite-plugin-vue-layouts'
import VueDevTools from 'vite-plugin-vue-devtools'
import pkg from './package.json'

export default defineConfig({
  modules: ['@wxt-dev/module-vue'],
  manifestVersion: 3,
  srcDir: resolve('src'),
  publicDir: resolve('public'),
  manifest: {
    name: pkg.displayName || pkg.name,
    version: pkg.publishVersion,
    version_name: pkg.version,
    description: pkg.description,
    permissions: [
      'storage',
      'alarms',
      'notifications',
    ],
    host_permissions: ['*://*/*'],
  },
  imports: {
    presets: ['vue'],
    addons: {
      vueTemplate: true,
    },
  },
  vite(env) {
    return {
      ssr: {
        noExternal: ['@webext-core/messaging', '@webext-core/proxy-service'],
      },
      define: {
        __DEV__: env.mode === 'serve',
        __NAME__: JSON.stringify(pkg.name),
      },
      build: {
        sourcemap: env.mode === 'serve',
      },
      plugins: [
        VueRouter({
          dts: './src/typed-router.d.ts',
        }),
        Layouts(),

        UnoCSS(),

        VueDevTools({ appendTo: /main\.ts/ }),
      ],
    }
  },
})