wxt.config.ts

import {defineConfig} from 'wxt';
import vue from '@vitejs/plugin-vue';
import {createSvgIconsPlugin} from "vite-plugin-svg-icons";
import UnoCSS from 'unocss/vite'
import path from "path";
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import {ElementPlusResolver} from 'unplugin-vue-components/resolvers'

// See https://wxt.dev/api/config.html
export default defineConfig({
	imports: {
		addons: {
			vueTemplate: true,
		},
	},
	vite: () => ({
		plugins: [
			vue(),
			UnoCSS(),
			AutoImport({
				// targets to transform
				include: [/\.[tj]sx?$/, /\.vue$/, /\.vue\?vue/, /\.md$/],
				
				// global imports to register
				imports: [
					// vue auto import
					'vue',
				],
				resolvers: [ElementPlusResolver()],
			}),
			Components({
				resolvers: [ElementPlusResolver()],
			}),
			createSvgIconsPlugin({
				// 指定目录(svg存放目录）
				iconDirs: [path.resolve(process.cwd(), "assets/svgs")],
				// 使用 svg 图标的格式（name为图片名称）
				symbolId: "icon-[name]",
				//生成组件插入位置 只有两个值 boby-last | body-first
				inject: 'body-last'
			}),
		],
	}),
	manifest: {
		permissions: ['storage'],
	},
});