This template should help get you started developing chrome extension manifest v.3 with Vue 3 in Vite. It will inject vue component in shadow-dom, keeping the extension completely isolated so the css libs does not collide with the main app.
VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
The project was generated via npm init vue@3 for typescript and then added
- 🍀 Crxjs - modern developer experience to the Chrome Extension ecosystem
- 🛵 Webext Bridge - Messaging in WebExtension made super easy. Out of the box.
- 🍃 Windi CSS - on-demand CSS utilities
- 📦 Components auto importing
- 🌟 Icons - Access to icons from any iconset directly
Inject into bottom-right of the page
