Content Vue

Shows a small overlay UI on every web page you visit.

Runs on Chrome, Edge, Firefox · Manifest V3 · Surfaces: content script, background service worker · Styling: CSS · Framework: vue

Create this project

npx extension@latest create my-content-vue --template content-vue
cd my-content-vue
npm install
npm run dev

Files in this template

  • extension.config.js
  • src/background.ts
  • src/content/ContentApp.vue
  • src/content/scripts.ts
  • src/content/shims-vue.d.ts
  • src/content/styles.css
  • src/images/chromeWindow.png
  • src/images/icon.png
  • src/images/logo.svg
  • src/images/tailwind.png
  • src/images/tailwind_bg.png
  • src/images/typescript.png
  • src/images/vue.png
  • src/manifest.json

Source on GitHubDocumentation

extension.devDocumentation for extension.dev