@wxt-dev/module-vue

Enables the use of Vue in your web extension, in HTML pages and content scripts.

This plugin makes a few changes:

1. Adds @vitejs/plugin-vue to vite config
2. Adds the vue preset to auto-imports
3. Applies sourcemap fix to prevent HMR errors during development
4. Enable auto-imports in .vue files

Usage

1pnpm i vue
2pnpm i -D @wxt-dev/module-vue

Then add the module to your config:

1// wxt.config.ts
2export default defineConfig({
3  // Required
4  modules: ['@wxt-dev/module-vue'],
5
6  // Optional: Pass options to the module:
7  vue: {
8    vite: {
9      script: {
10        propsDestructure: true,
11      },
12    },
13  },
14});