Nietzsche's Preposterous Moustache

    This package has been deprecated

    Author message:

    Consider switching to official vue.js integration https://www.npmjs.com/package/bugsnag-vue

    vue-bugsnag

    1.0.1 • Public • Published

    Vue Bugsnag

    vue-js downloads npm-version github-tag license build-status codecov

    Vue.js plugin for bugsnag-js v3.x error reporting

    ⚠️ Deprecation notice

    Bugsnag has released their official Vue.js plugin.
    You can keep using this plugin if you don't want to upgrade to Bugsnag js v4.x. It is recommended to upgrade to Bugsnag js v4.x.

    Bugsnag Dashboard

    Installation

    # npm 
    npm install vue-bugsnag --save
     
    # Yarn 
    yarn add vue-bugsnag

    Usage

    import Bugsnag from 'bugsnag-js';
    Bugsnag.apiKey = 'YOUR-API-KEY-HERE';
    • Plug into Vue.js
    import Vue from 'vue';
    import VueBugsnag from 'vue-bugsnag';
    Vue.use(VueBugsnag);
    • Prevent Bugsnag from being initialized in development
    if (process.env.NODE_ENV === 'production') {
      // Initialize Bugsnag here
    }
    • Limit error reporting to specific release stages
    Bugsnag.releaseStage = 'YOUR-CURRENT-ENVIRONMENT';
    Bugsnag.notifyReleaseStages = ['staging', 'production'];

    Use with Vue Router

    router.afterEach((to, from) => {
        Bugsnag.refresh();
    });

    Laravel Mix user?

    Checkout this guide

    Use in browser (without webpack)

    • Include required files
    <!-- Add Bugsnag core library -->
    <script src="//d2wy8f7a9ursnm.cloudfront.net/bugsnag-3.min.js"
            data-apikey="YOUR-API-KEY-HERE"></script> 
    <!-- Vue js -->
    <script src="https://unpkg.com/vue@2.5/dist/vue.min.js"></script>
    <!-- Lastly add this package -->
    <script src="https://unpkg.com/vue-bugsnag"></script>
    • That's it, plugin will auto initialize.

    How does it work?

    • This plugin utilize Vue.js inbuilt error handler
    • This plugin prepares a payload and send this to Bugsnag as metadata
    • This metadata will appear on a new tab in Bugsnag dashboard.

    Testing

    • This package is using Jest for testing.
    • Tests can be found in __test__ folder.
    • Execute tests with this command yarn test

    Credits and Thanks

    Resources

    License

    MIT License

    Install

    npm i vue-bugsnag

    DownloadsWeekly Downloads

    8

    Version

    1.0.1

    License

    MIT

    Last publish

    Collaborators

    • ankurk91