nuxt-bugsnag's Introduction

nuxt-bugsnag

This is a module from the bugsnag demo project

Setup

Add nuxt-bugsnag dependency to your project

npm install nuxt-bugsnag

Add nuxt-bugsnag to the modules section of nuxt.config.js Bugsnag recommends creating two projects in your dashboard, one for the server errors and one for the browser errors.

{
  modules: [
    // Simple usage
    'nuxt-bugsnag',

    // With options
    ['nuxt-bugsnag', {
      clientConfig: {
        apiKey: 'YOUR_BROWSER_API_KEY'
      },
      serverConfig: {
        apiKey: 'YOUR_SERVER_API_KEY'
      }
    }]
  ]
}

If you don't want to use two API keys just use the apiKey property

{
  modules: [
    ['nuxt-bugsnag', {
      apiKey: 'Your_API_KEY'
    }]
  ]
}

You can pass every bugsnag options in the options object

{
  modules: [
    // Simple usage
    'nuxt-bugsnag',

    // With options
    ['nuxt-bugsnag', {
      clientConfig: {
        apiKey: 'YOUR_BROWSER_API_KEY'
      },
      serverConfig: {
        apiKey: 'YOUR_SERVER_API_KEY'
      }
      config: {
        notifyReleaseStages: ['staging', 'production'],
      }
    }]
  ]
}

if you want to split them for the server and client again, you can do this aswell.

{
  modules: [
    // Simple usage
    'nuxt-bugsnag',

    // With options
    ['nuxt-bugsnag', {
      apiKey: 'YOUR_API_KEY',
      clientConfig: {
        appType: 'browser',
      },
      serverConfig: {
        appType: 'server'
      }
    }]
  ]
}

Source Maps

You can upload sourcemaps by adding the option publishRelease.

{
  modules: [
    // Simple usage
    'nuxt-bugsnag',

    // With options
    ['nuxt-bugsnag', {
      apiKey: 'YOUR_API_KEY',
      publishRelease: true,
    }]
  ]
}