nuxtlabs / vue-telescope-extensions

Browser extensions for Vue Telescope
https://vuetelescope.com
GNU General Public License v3.0
156 stars 15 forks source link
browser-extension gridsome nuxt quasar-framework vue vuepress

Vue Telescope Browser Extensions

Browser extensions for Vue Telescope: available on Chrome, Firefox and Edge.

Chrome Addon Firefox Addon Edge Addon

Extension Screenshot

Installation

Manual installation

Chrome

  1. Download the extension (.zip)
  2. Unzip it
  3. Enter chrome://extensions in the URL bar
  4. Enable the developer mode (toggle at the top right)
  5. Click on "Load unpacked" button and select the unzipped directory
  6. That's it ✨ ! We recommend to pin the extension to quickly discover if a website uses Vue.js.

vt-chrome-extension

Firefox

  1. Download the extension (.zip)
  2. Enter about:debugging in the URL bar
  3. Go to "This Firefox" section
  4. Click on "Load Temporary Add-on" and select the zip
  5. That's it ✨!

vt-firefox-extension

Development

Setup

Make sure to have Yarn installed.

After cloning the repository, install the dependencies:

yarn install

Launch the project with:

yarn dev

To have a preview in Chrome, you have to go to: chrome://extensions/, then enable developer mode (toggle at top right), then click on "Load unpacked" button and select the dist directory created.

The extension will be automatically reloaded each time you make a change thanks to HMR.

Build

To build the extension you have to run:

yarn build

and then:

yarn build-zip

You will obtain a zip file inside dist-zip directory you can upload to the Chrome and Firefox webstore.

License

MIT