Suggestion: Sentry [error tracking]

[alexcroox]

Docs: https://docs.sentry.io/platforms/javascript/

For reference this is how I currently instrument it:

import { Capacitor } from '@capacitor/core'
import * as Sentry from '@sentry/vue'

import { appVersion } from '~/shared/version'

export default defineNuxtPlugin({
  name: 'sentry',
  setup(nuxtApp) {
    if (import.meta.env.TEST) {
      return
    }

    const {
      public: { errorReportingEnabled, sentry }
    } = useRuntimeConfig()

    if (!sentry.client.dsn) {
      console.error('Sentry DSN not found in environment')
      return
    }

    Sentry.init({
      enabled: errorReportingEnabled,
      app: nuxtApp.vueApp,
      release: appVersion,
      dsn: sentry.client.dsn,
      // debug: true,
      environment: sentry.environment,
      ignoreErrors: [/Network Error/i, /Fetch Error/i]
    })

    Sentry.setTag('app-platform', Capacitor.getPlatform())
    Sentry.setTag('app-native', Capacitor.isNativePlatform())

    return {
      provide: {
        sentry: Sentry
      }
    }
  }
})

and after the user has logged in or we detect they are already logged in on page load:

this.sentry.setUser({
  id,
  email,
  username,
  roles
})

Thanks!

[alexcroox]

This button brought me here, on reflection this should be in the discussions?

[TheAlexLichter]

No, that's fine! 👍

We've discussed that in #209 though