https://github.com/nuxtlabs/vue-telescope-extensions

Browser extensions for Vue Telescope
https://github.com/nuxtlabs/vue-telescope-extensions

browser-extension gridsome nuxt quasar-framework vue vuepress

Last synced: 3 months ago
JSON representation

Browser extensions for Vue Telescope

• Host: GitHub
• URL: https://github.com/nuxtlabs/vue-telescope-extensions
• Owner: nuxtlabs
• License: gpl-3.0
• Created: 2020-03-23T13:54:56.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-04-06T08:46:39.000Z (7 months ago)
• Last Synced: 2024-07-05T17:47:07.972Z (4 months ago)
• Topics: browser-extension, gridsome, nuxt, quasar-framework, vue, vuepress
• Language: Vue
• Homepage: https://vuetelescope.com
• Size: 2.06 MB
• Stars: 152
• Watchers: 2
• Forks: 16
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vue Telescope Browser Extensions

Browser extensions for [Vue Telescope](https://vuetelescope.com): available on Chrome, Firefox and Edge.

[![Chrome Addon](https://badgen.net/chrome-web-store/v/neaebjphlfplgdhedjdhcnpjkndddbpd?icon=chrome)](https://chrome.google.com/webstore/detail/vue-telescope/neaebjphlfplgdhedjdhcnpjkndddbpd)

[![Firefox Addon](https://badgen.net/amo/v/vue-telescope?icon=firefox)](https://addons.mozilla.org/en-GB/firefox/addon/vue-telescope/)

[![Edge Addon](https://badgen.net/badge/icon/v1.5.8?icon=windows&label=Microsoft+Edge)](https://microsoftedge.microsoft.com/addons/detail/vue-telescope/icgcillpgelpleniodgkmohgdmeogodl)

[![Extension Screenshot](https://user-images.githubusercontent.com/904724/105485378-12d55300-5cad-11eb-82f9-6cdaf214e6fa.jpg)](https://vuetelescope.com)

## Installation

- [Get the Chrome Extension 🍭](https://chrome.google.com/webstore/detail/vue-telescope/neaebjphlfplgdhedjdhcnpjkndddbpd)

- [Get the Firefox Addon 🦊](https://addons.mozilla.org/en-GB/firefox/addon/vue-telescope/)

- [Get the Microsoft Edge Extension 🪟](https://microsoftedge.microsoft.com/addons/detail/vue-telescope/icgcillpgelpleniodgkmohgdmeogodl)

## Manual installation

[download-extension-link]: https://github.com/nuxtlabs/vue-telescope-extensions/releases/download/v1.9.0/vue-telescope-extension-v1.9.0.zip

[download-extension-firefox-link]: https://github.com/nuxtlabs/vue-telescope-extensions/releases/download/v1.9.0/vue-telescope-extension-firefox-v1.9.0.zip

### Chrome

1. [Download the extension (.zip)][download-extension-link]

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](https://user-images.githubusercontent.com/904724/88188033-98614300-cc37-11ea-9500-f0e3ae3d97f0.gif)

### Firefox

1. [Download the extension (.zip)][download-extension-firefox-link]

2. Enter `about:debugging` in the URL bar

3. Go to "This Firefox" section

3. Click on "Load Temporary Add-on" and select the zip

4. That's it ✨!

![vt-firefox-extension](https://user-images.githubusercontent.com/904724/88186887-1d4b5d00-cc36-11ea-96c9-2b6367920863.gif)

## Development

### Setup

Make sure to have [Yarn](https://classic.yarnpkg.com/en/) installed.

After cloning the repository, install the dependencies:

```bash

yarn install

```

Launch the project with:

```bash

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:

```bash

yarn build

```

and then:

```bash

yarn build-zip

```

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

## License

[MIT](./LICENSE)