Setup Sentry and create logger to catch errors about website-goals HOT 3 CLOSED

// Install sentry in nuxt
yarn add @nuxtjs/sentry

// add to nuxt.config.js
  modules: [
    '@nuxtjs/sentry'
  ],

// config sentry object in nuxt.config.js
  sentry: {
    dsn: process.env.SENTRY_DSN || '',
  }

// create .env add sentry DSN
SENTRY_DSN = <value>

// plugins/sentry.js
import * as Sentry from '@sentry/vue'
import { Integrations } from '@sentry/tracing'

export default (nuxtApp, inject) => {
  const { app } = nuxtApp
  app.config = app.$config
  Sentry.init({
    app,
    dsn: process.env.SENTRY_DSN,
    integrations: [new Integrations.BrowserTracing()],
    tracesSampleRate: 1.0,
    // Set up source maps to help with debugging
    beforeSend (event, hint) {
      if (hint.originalException && hint.originalException.stack) {
        const stacktrace =
          hint.originalException.stacktrace ||
          (hint.originalException.exception &&
            hint.originalException.exception.values[0].stacktrace)
        if (stacktrace) {
          event.request = {
            url: window.location.href,
            headers: {
              'User-Agent': navigator.userAgent
            }
          }
          event.stacktrace = stacktrace
        }
      }
      return event
    }
  })
  inject('sentry', Sentry)
}