@twotwoba/vv-cli/template-extension/manifest.config.ts

Easily create Vite + React/Vue3 project with TailwindCSS and other useful libraries. Also support Chrome extension.

import { defineManifest } from "@crxjs/vite-plugin"
import packageJson from "./package.json"

export default defineManifest({
	manifest_version: 3,
	name: packageJson.name,
	description: packageJson.description,
	version: packageJson.version,
	author: {
		email: "your@gmail.com"
	},
	permissions: ["storage", "tabs", "scripting", "activeTab", "webNavigation"], // do you need more permissions? check https://developer.chrome.com/docs/extensions/reference/permissions/
	host_permissions: ["<all_urls>"],
	icons: {
		16: "icon-16.png",
		32: "icon-32.png",
		64: "icon-64.png"
	},
	action: {
		default_icon: {
			64: "icon-64.png"
		},
		default_popup: "index.html"
	},
	background: {
		service_worker: "src/core/background.ts",
		type: "module"
	},
	options_ui: {
		page: "option.html",
		open_in_tab: true
	},
	content_scripts: [
		{
			matches: ["<all_urls>"],
			js: ["src/core/content-script.tsx"],
			run_at: "document_start"
		}
	],
	commands: {
		_execute_action: {
			suggested_key: {
				windows: "Alt+E",
				mac: "Alt+E",
				linux: "Alt+E"
			}
		}
	}
})