feat(nuxt): Expose vueIntegration

Author: Luca Forstner

packages/nuxt/src/client/index.ts

@@ -2,3 +2,4 @@ export * from '@sentry/vue';
 
 export { init } from './sdk';
 export { piniaIntegration } from './piniaIntegration';
+export { vueIntegration } from './vueIntegration';

packages/nuxt/src/client/vueIntegration.ts

@@ -0,0 +1,31 @@
+import { defineIntegration } from '@sentry/core';
+import type { VueIntegrationOptions } from '@sentry/vue';
+
+type Options = Omit<
+  VueIntegrationOptions,
+  | 'app'
+  | 'Vue'
+  // TODO(v9): Should be removed from parent type so we can remove it here
+  | 'hooks'
+  // TODO(v9): Should be removed from parent type so we can remove it here
+  | 'timeout'
+  // TODO(v9): Should be removed from parent type so we can remove it here
+  | 'trackComponents'
+>;
+
+let nuxtVueIntegrationOptions: Options | undefined;
+
+export const vueIntegration = defineIntegration((options: Options = {}) => {
+  nuxtVueIntegrationOptions = options;
+  return {
+    name: 'NuxtVueIntegration',
+  };
+});
+
+/**
+ * The vueIntegration exported by the Nuxt SDK does nothing besides storing it's options to the side so we can later pick them up when we add the actual vueIntegration.
+ * This function allows us to pick up the options.
+ */
+export function retrieveNuxtVueIntegrationOptions(): Options | undefined {
+  return nuxtVueIntegrationOptions;
+}

packages/nuxt/src/runtime/plugins/sentry.client.ts

@@ -1,6 +1,7 @@
 import { getClient } from '@sentry/core';
 import { browserTracingIntegration, vueIntegration } from '@sentry/vue';
 import { defineNuxtPlugin } from 'nuxt/app';
+import { retrieveNuxtVueIntegrationOptions } from '../../client/vueIntegration';
 import { reportNuxtError } from '../utils';
 
 // --- Types are copied from @sentry/vue (so it does not need to be exported) ---
@@ -53,7 +54,13 @@ export default defineNuxtPlugin({
         // 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({ app: vueApp, attachErrorHandler: false }));
+        sentryClient.addIntegration(
+          vueIntegration({
+            ...retrieveNuxtVueIntegrationOptions(),
+            app: vueApp,
+            attachErrorHandler: false,
+          }),
+        );
       }
     });
 

packages/vue/src/index.ts

@@ -5,4 +5,5 @@ export { browserTracingIntegration } from './browserTracingIntegration';
 export { attachErrorHandler } from './errorhandler';
 export { createTracingMixins } from './tracing';
 export { vueIntegration } from './integration';
+export type { VueIntegrationOptions } from './integration';
 export { createSentryPiniaPlugin } from './pinia';

packages/vue/src/integration.ts

@@ -19,6 +19,8 @@ const DEFAULT_CONFIG: VueOptions = {
 
 const INTEGRATION_NAME = 'Vue';
 
+export type VueIntegrationOptions = Partial<VueOptions>;
+
 export const vueIntegration = defineIntegration((integrationOptions: Partial<VueOptions> = {}) => {
   return {
     name: INTEGRATION_NAME,