Skip to content
This repository has been archived by the owner. It is now read-only.
[DEPRECATED] This package now lives within the monorepo for our Universal JS notifier "@bugsnag/js" • https://github.com/bugsnag/bugsnag-js
Branch: master
Clone or download
Latest commit 70d0210 Jan 8, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github chore: Add pull request template May 10, 2018
bin Fix copy pasta in CDN cache clearance key Dec 4, 2017
dist Add linting, unit tests and CI Dec 11, 2017
examples docs(examples): Fix typo May 8, 2018
src Add linting, unit tests and CI Dec 11, 2017
.babelrc Nov 23, 2017
.gitignore Nov 23, 2017
.npmignore docs(examples): Create additional bundled example May 2, 2018
.travis.yml Add linting, unit tests and CI Dec 11, 2017
ISSUE_TEMPLATE.md Readying release Dec 1, 2017
LICENSE.txt Readying release Dec 1, 2017
README.md Typo Jan 8, 2019
package-lock.json 1.0.1 Dec 11, 2017
package.json 1.0.1 Dec 11, 2017

README.md

Deprecation notice

We upgraded our Vue support in the latest all-in-one javascript notifier package. Check out the blog post for more info.

All projects should upgrade to our universal JS notifier: @bugsnag/js and use the new version of the Vue plugin: @bugsnag/plugin-vue. See the upgrade guide 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 NPM

A bugsnag-js plugin for Vue.js.

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 <script/> tag.

CDN

<script src="//d2wy8f7a9ursnm.cloudfront.net/v4/bugsnag.min.js"></script>
<script src="//d2wy8f7a9ursnm.cloudfront.net/bugsnag-plugins/v1/bugsnag-vue.min.js"></script>

npm

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.

<script>
  window.bugsnagClient = bugsnag('API_KEY')
  // after Vue has been loaded…
  bugsnagClient.use(bugsnag__vue(Vue))
</script>

See the 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.

const Vue = require('vue')
const bugsnag = require('bugsnag-js')
const bugsnagVue = require('bugsnag-vue')

const bugsnagClient = bugsnag('API_KEY')
bugsnagClient.use(bugsnagVue(Vue))

Support

License

The Bugsnag JS library and official plugins are free software released under the MIT License. See LICENSE.txt for details.

You can’t perform that action at this time.