Tweak example app

Author: bengourley

example/app.js

@@ -1,3 +1,5 @@
+/* global bugsnag, Vue, bugsnag__vue */
+
 // www.bugsnag.com
 // https://github.com/bugsnag/bugsnag-vue/tree/master/example
 //
@@ -9,51 +11,51 @@
 // Initialize Bugsnag to begin tracking errors. Only an api key is required, but here are some other helpful configuration details:
 const bugsnagClient = bugsnag({
 
-    // get your own api key at bugsnag.com
-    apiKey: 'API_KEY',
+  // get your own api key at bugsnag.com
+  apiKey: 'API_KEY',
 
-    // if you track deploys or use source maps, make sure to set the correct version.
-    appVersion: '1.2.3',
+  // if you track deploys or use source maps, make sure to set the correct version.
+  appVersion: '1.2.3',
 
-    // Bugsnag can track the number of “sessions” that happen in your application, and calculate a crash rate for each release. This defaults to false.
-    autoCaptureSessions: true,
+  // Bugsnag can track the number of “sessions” that happen in your application, and calculate a crash rate for each release. This defaults to false.
+  autoCaptureSessions: true,
 
-    // defines the release stage for all events that occur in this app.
-    releaseStage: 'development',
+  // defines the release stage for all events that occur in this app.
+  releaseStage: 'development',
 
-    //  defines which release stages bugsnag should report. e.g. ignore staging errors.
-    notifyReleaseStages: [ 'development', 'production'],
+  //  defines which release stages bugsnag should report. e.g. ignore staging errors.
+  notifyReleaseStages: [ 'development', 'production' ],
 
-    // one of the most powerful tools in our library, beforeSend lets you evaluate, modify, add and remove data before sending the error to bugsnag. The actions here will be applied to *all* errors, handled and unhandled.
-    beforeSend: function (report) {
-      if (report.errorClass === 'Error' && report.severity === 'warning')  {
-        report.updateMetaData('example', {thing: "one"})
-      }
+  // one of the most powerful tools in our library, beforeSend lets you evaluate, modify, add and remove data before sending the error to bugsnag. The actions here will be applied to *all* errors, handled and unhandled.
+  beforeSend: function (report) {
+    if (report.errorClass === 'Error' && report.severity === 'warning') {
+      report.updateMetaData('example', { thing: 'one' })
+    }
       // note that if you return false from the beforeSend, this will cancel the entire error report.
-    },
+  },
 
-    // attached any user data you'd like to report.
-    user: {
-      name: "Katherine Johnson",
-      email: "kj@nasa.gov",
-      id: "0112358"
-    },
+  // attached any user data you'd like to report.
+  user: {
+    name: 'Katherine Johnson',
+    email: 'kj@nasa.gov',
+    id: '0112358'
+  },
 
-    // add any custom attributes relevant to your app. Note that metadata can be added here, in a specific notify() or in a beforeSend.
-    metaData: { company: {
-      name: "Hogwarts School of Witchcraft and Wizardry"
-      }
-    },
-    // N.B. our notifer automatically creates a metadata tab called "React" and populates it with component info.
+  // add any custom attributes relevant to your app. Note that metadata can be added here, in a specific notify() or in a beforeSend.
+  metaData: {
+    company: {
+      name: 'Hogwarts School of Witchcraft and Wizardry'
+    }
+  },
+  // N.B. our notifer automatically creates a metadata tab called "Vue" and populates it with component info.
 
-    // because this is a demo app, below extends the default of 10 notifications per pageload. click away!
-    maxEvents: 50
+  // because this is a demo app, below extends the default of 10 notifications per pageload. click away!
+  maxEvents: 50
 })
 
 // attach the Vue plugin to your bugsnag-js client
 bugsnagClient.use(bugsnag__vue(Vue))
 
-
 // Define the <bad-button/> component
 Vue.component('bad-button', {
   template: '#bad-button-template',
@@ -85,14 +87,14 @@ var app = new Vue({
       if (val) {
         try {
           // potentially buggy code goes here
-          //for this example, we're just throwing an error explicitly, but you do not need this syntax in your try clause.
+          // for this example, we're just throwing an error explicitly, but you do not need this syntax in your try clause.
           throw new Error('Bad thing!')
         } catch (e) {
           console.log('a handled error has been reported to your Bugsnag dashboard')
           // below modifies the handled error, and then sends it to your dashboard.
           bugsnagClient.notify(e, {
             context: 'Don\'t worry - I handled it.'
-          });
+          })
         }
       }
     }
@@ -126,7 +128,6 @@ var app = new Vue({
   }
 })
 
-
 // below is the simplest notification syntax, akin to logging.
 console.log('a notification has been reported to your Bugsnag dashboard')
 bugsnagClient.notify('End of file')