nuxt: fix getting client

Author: s1gr1d

packages/nuxt/src/client/sdk.ts

@@ -1,14 +1,14 @@
 import { init as initBrowser } from '@sentry/browser';
 import { applySdkMetadata } from '@sentry/core';
 import type { Client } from '@sentry/types';
-import type { SentryVueOptions } from '../common/types';
+import type { SentryNuxtOptions } from '../common/types';
 
 /**
  * Initializes the client-side of the Nuxt SDK
  *
  * @param options Configuration options for the SDK.
  */
-export function init(options: SentryVueOptions): Client | undefined {
+export function init(options: SentryNuxtOptions): Client | undefined {
   const sentryOptions = {
     ...options,
   };

packages/nuxt/src/common/types.ts

@@ -1,4 +1,4 @@
 import type { init } from '@sentry/vue';
 
 // Omitting 'app' as the Nuxt SDK will add the app instance in the client plugin (users do not have to provide this)
-export type SentryVueOptions = Omit<Parameters<typeof init>[0] & object, 'app'>;
+export type SentryNuxtOptions = Omit<Parameters<typeof init>[0] & object, 'app'>;

packages/nuxt/src/module.ts

@@ -2,13 +2,13 @@ import * as fs from 'fs';
 import * as path from 'path';
 import { type Resolver, addPlugin, createResolver, defineNuxtModule } from '@nuxt/kit';
 import { addImportStatement, buildSdkInitFileImportSnippet } from './common/snippets';
-import type { SentryVueOptions } from './common/types';
+import type { SentryNuxtOptions } from './common/types';
 
-export type ModuleOptions = SentryVueOptions;
+export type ModuleOptions = SentryNuxtOptions;
 
 export default defineNuxtModule<ModuleOptions>({
   meta: {
-    name: '@sentry/nuxt',
+    name: '@sentry/nuxt/module',
     configKey: 'sentry',
     compatibility: {
       nuxt: '^3.0.0',

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

@@ -1,8 +1,13 @@
-import * as Sentry from '@sentry/vue';
+import { getClient } from '@sentry/core';
+import { vueIntegration } from '@sentry/vue';
 import { defineNuxtPlugin } from 'nuxt/app';
 
 export default defineNuxtPlugin(nuxtApp => {
   nuxtApp.hook('app:created', vueApp => {
-    Sentry.addIntegration(Sentry.vueIntegration({ app: vueApp }));
+    const sentryClient = getClient();
+
+    if (sentryClient) {
+      sentryClient.addIntegration(vueIntegration({ app: vueApp }));
+    }
   });
 });

packages/nuxt/test/client/sdk.test.ts

@@ -1,9 +1,9 @@
+import * as SentryBrowser from '@sentry/browser';
 import { SDK_VERSION } from '@sentry/vue';
-import * as SentryVue from '@sentry/vue';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { init } from '../../src/client';
 
-const vueInit = vi.spyOn(SentryVue, 'init');
+const vueInit = vi.spyOn(SentryBrowser, 'init');
 
 describe('Nuxt Client SDK', () => {
   describe('init', () => {