Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bugsnag/bugsnag-vue
[DEPRECATED] This package now lives within the monorepo for our Universal JS notifier "@bugsnag/js" • https://github.com/bugsnag/bugsnag-js
https://github.com/bugsnag/bugsnag-vue
bugsnag bugsnag-js debug debugging debugging-tool debugging-tools error-handling error-monitoring error-reporting vue
Last synced: 7 days ago
JSON representation
[DEPRECATED] This package now lives within the monorepo for our Universal JS notifier "@bugsnag/js" • https://github.com/bugsnag/bugsnag-js
- Host: GitHub
- URL: https://github.com/bugsnag/bugsnag-vue
- Owner: bugsnag
- License: mit
- Archived: true
- Created: 2017-11-23T14:28:16.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2019-01-08T11:51:14.000Z (almost 6 years ago)
- Last Synced: 2024-04-08T16:21:39.651Z (7 months ago)
- Topics: bugsnag, bugsnag-js, debug, debugging, debugging-tool, debugging-tools, error-handling, error-monitoring, error-reporting, vue
- Language: JavaScript
- Homepage:
- Size: 178 KB
- Stars: 26
- Watchers: 21
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
### Deprecation notice
We upgraded our Vue support in the latest all-in-one javascript notifier package. Check out the [blog post](https://blog.bugsnag.com/bugsnag-universal-js/) for more info.
All projects should **upgrade to our universal JS notifier:** [@bugsnag/js](https://github.com/bugsnag/bugsnag-js) and use the new version of the Vue plugin: [@bugsnag/plugin-vue](https://github.com/bugsnag/bugsnag-js/blob/master/packages/plugin-vue). See the [upgrade guide](https://github.com/bugsnag/bugsnag-js/blob/master/UPGRADING.md) for details on how to upgrade.
This package is now deprecated, but will continue to exist on the npm registry and work with Bugsnag's API for the foreseeable future. However, it will no longer receive updates unless they are critical.
Please upgrade at your earliest convenience.
---
# Bugsnag: Vue
[![Build Status](https://travis-ci.org/bugsnag/bugsnag-vue.svg?branch=master)](https://travis-ci.org/bugsnag/bugsnag-vue)
[![NPM](https://img.shields.io/npm/v/bugsnag-vue.svg)](https://npmjs.org/package/bugsnag-vue)A [bugsnag-js](https://github.com/bugsnag/bugsnag-js) plugin for [Vue.js](https://vuejs.org/).
This package enables you to integrate Bugsnag's error reporting with a Vue.js application at a detailed level. It creates and configures a Vue `ErrorHandler` which will capture and report unhandled errors in your app.
Reported errors will contain useful debugging info from Vue's internals, such as the component name, props and any other context that Vue can provide.
## Installation
You can opt to install the package from npm, using the instructions below. Alternatively you can load the plugin from our CDN via a `` tag.
### CDN
```html
```
### npm
```sh
npm i --save bugsnag-js bugsnag-vue
# or
yarn add bugsnag-js bugsnag-vue
```## Usage
Depending on how your application is structured, usage differs slightly:
### Inline script tag
The script tag creates a global function called `bugsnag__vue` which needs to be passed a reference to the Vue object. Ensure that Vue is loaded/available before calling this function.
```html
window.bugsnagClient = bugsnag('API_KEY')
// after Vue has been loaded…
bugsnagClient.use(bugsnag__vue(Vue))```
See the [examples](examples) for more info.
### Bundled
If you installed the package from npm, usage will look more like the following snippet. Again, ensure you have a reference to `Vue` before you create the plugin.
```js
const Vue = require('vue')
const bugsnag = require('bugsnag-js')
const bugsnagVue = require('bugsnag-vue')const bugsnagClient = bugsnag('API_KEY')
bugsnagClient.use(bugsnagVue(Vue))
```## Support
* Check out the [documentation](https://docs.bugsnag.com/platforms/browsers/)
* [Search open and closed issues](https://github.com/bugsnag/bugsnag-vue/issues?q=is%3Aissue) for similar problems
* [Report a bug or request a feature](https://github.com/bugsnag/bugsnag-vue/issues/new)## License
The Bugsnag JS library and official plugins are free software released under the MIT License. See [LICENSE.txt](LICENSE.txt) for details.