{"id":22439860,"url":"https://github.com/botshen/chrome-extension-v3","last_synced_at":"2026-06-13T16:32:58.719Z","repository":{"id":235327949,"uuid":"625560006","full_name":"botshen/chrome-extension-v3","owner":"botshen","description":null,"archived":false,"fork":false,"pushed_at":"2023-04-12T15:54:56.000Z","size":56,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-10T08:03:56.460Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/botshen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-04-09T13:48:37.000Z","updated_at":"2023-04-12T15:55:01.000Z","dependencies_parsed_at":null,"dependency_job_id":"90cd020a-5b5b-43e1-9d30-c747b3d7aaeb","html_url":"https://github.com/botshen/chrome-extension-v3","commit_stats":null,"previous_names":["botshen/chrome-extension-v3"],"tags_count":0,"template":false,"template_full_name":"mubaidr/vite-vue3-browser-extension-v3","purl":"pkg:github/botshen/chrome-extension-v3","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/botshen%2Fchrome-extension-v3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/botshen%2Fchrome-extension-v3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/botshen%2Fchrome-extension-v3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/botshen%2Fchrome-extension-v3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/botshen","download_url":"https://codeload.github.com/botshen/chrome-extension-v3/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/botshen%2Fchrome-extension-v3/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34292324,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-13T02:00:06.617Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-06T01:16:10.076Z","updated_at":"2026-06-13T16:32:58.714Z","avatar_url":"https://github.com/botshen.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vite-vue3-chrome-extension-v3\n\n[![build](https://github.com/mubaidr/vite-vue3-chrome-extension-v3/actions/workflows/build.yml/badge.svg)](https://github.com/mubaidr/vite-vue3-chrome-extension-v3/actions/workflows/build.yml)\n\nA [Vite](https://vitejs.dev/) powered WebExtension ([Chrome](https://developer.chrome.com/docs/extensions/reference/), [FireFox](https://addons.mozilla.org/en-US/developers/), etc.) starter template.\n\n## Features\n\n- [CRXJS Vite Plugin](https://crxjs.dev/vite-plugin) Build a Chrome Extension with Vite\n- HMR for extension pages and content scripts\n- Vue 3 - Composition API, `Script setup` and more!\n- Vue Router setup incuding `vite-plugin-pages` for automatic route registration\n- Effortless communications - powered by [`webext-bridge`](https://github.com/zikaari/webext-bridge) and [VueUse](https://github.com/antfu/vueuse) storage\n- [Components auto importing](./src/components)\n- [Icons](./src/components) - Access to icons from any iconset directly\n- [TypeScript](https://www.typescriptlang.org/) - type safe\n- `Eslint` \u0026 `Prettier` configured for `vue`, `javascript`, `typescript`\n\n## Pre-packed\n\n### WebExtension Libraries\n\n- [`webext-bridge`](https://github.com/zikaari/webext-bridge) - effortlessly communication between contexts\n- [`webextension-polyfill`](https://github.com/mozilla/webextension-polyfill) - A lightweight polyfill library for Promise-based WebExtension APIs in Chrome\n\n### Vite Plugins\n\n- [`vite-plugin-pages`](https://github.com/hannoeru/vite-plugin-pages) - File system based route generator for Vite\n- [`unplugin-auto-import`](https://github.com/antfu/unplugin-auto-import) - Directly use `browser` and Vue Composition API without importing\n- [`unplugin-vue-components`](https://github.com/antfu/vite-plugin-components) - components auto import\n- [`unplugin-icons`](https://github.com/antfu/unplugin-icons) - icons as components\n  - [Material Design Icons](https://icon-sets.iconify.design/mdi/) - Material Design Icons\n\n### Vue Plugins\n\n- [VueUse](https://github.com/antfu/vueuse) - collection of useful composition APIs\n\n### UI Frameworks\n\n- [tailwindcss](https://tailwindcss.com) - A utility-first CSS framework\n\n### Coding Style\n\n- Use Composition API with [`\u003cscript setup\u003e` SFC syntax](https://github.com/vuejs/rfcs/pull/227)\n\n## Use the Template\n\n### GitHub Template\n\n[Create a repo from this template on GitHub](https://github.com/antfu/vitesse-webext/generate).\n\n### Clone to local\n\nIf you prefer to do it manually with the cleaner git history\n\n\u003e If you don't have pnpm installed, run: npm install -g pnpm\n\n```bash\nnpx degit antfu/vitesse-webext my-webext\ncd my-webext\npnpm i\n```\n\n## Usage\n\n### Folders\n\n- `src` - main source.\n  - `content-script` - scripts and components to be injected as `content_script`\n  - `background` - scripts for background.\n  - `popup` - popup pages\n  - `options` - options pages\n  - `components` - auto-imported Vue components that are shared in popup and options page.\n  - `assets` - assets used in Vue components\n- `dist` - built files, also serve stub entry for Vite on development.\n\n### Development\n\n```bash\npnpm dev\n```\n\nThen **load extension in browser with the `extension/` folder**.\n\n### Build\n\nTo build the extension, run\n\n```bash\npnpm build\n```\n\nAnd then pack files under `extension`, you can upload `extension.crx` or `extension.xpi` to appropriate extension store.\n\n## Credits\n\nThis template is heavenly inspired by: https://github.com/antfu/vitesse-webext\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbotshen%2Fchrome-extension-v3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbotshen%2Fchrome-extension-v3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbotshen%2Fchrome-extension-v3/lists"}