Function setup

packages/nuxt/src/runtime/plugins/sentry.client.ts:37–81

(nuxtApp)

  name: 'sentry-client-integrations',
  dependsOn: ['sentry-client-config'],
  async setup(nuxtApp) {
    // This evaluates to true unless __SENTRY_TRACING__ is text-replaced with "false", in which case everything inside
    // will get tree-shaken away
    if (typeof __SENTRY_TRACING__ === 'undefined' || __SENTRY_TRACING__) {
      const sentryClient = getClient();

      if (sentryClient && '$router' in nuxtApp) {
        sentryClient.addIntegration(
          browserTracingIntegration({ router: nuxtApp.$router as VueRouter, routeLabel: 'path' }),
        );
      }
    }

    nuxtApp.hook('app:created', vueApp => {
      const sentryClient = getClient();

      if (sentryClient) {
        // Adding the Vue integration without the Vue error handler
        // Nuxt is registering their own error handler, which is unset after hydration: https://github.com/nuxt/nuxt/blob/d3fdbcaac6cf66d21e25d259390d7824696f1a87/packages/nuxt/src/app/entry.ts#L64-L73
        // We don't want to wrap the existing error handler, as it leads to a 500 error: https://github.com/getsentry/sentry-javascript/issues/12515
        sentryClient.addIntegration(
          vueIntegration({
            // We pick up the options from the "fake" vueIntegration exported by the SDK.
            ...(GLOBAL_OBJ as GlobalObjWithIntegrationOptions)._sentryNuxtVueIntegrationOptions,
            app: vueApp,
            attachErrorHandler: false,
          }),
        );
      }
    });

    nuxtApp.hook('app:error', error => {
      if (isNuxtError(error)) {
        // Do not report if status code is 3xx or 4xx
        if (error?.statusCode && error.statusCode >= 300 && error.statusCode < 500) {
          return;
        }
      }
      reportNuxtError({ error });
    });

    nuxtApp.hook('vue:error', (error, instance, info) => {
      reportNuxtError({ error, instance, info });
    });
  },
});