ref(vue): Use debug in vue sdk (#16910)

resolves #16909

Author: AbhiPrasad

packages/vue/src/tracing.ts

@@ -1,6 +1,6 @@
 import { getActiveSpan, SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, startInactiveSpan } from '@sentry/browser';
 import type { Span } from '@sentry/core';
-import { logger, timestampInSeconds } from '@sentry/core';
+import { debug, timestampInSeconds } from '@sentry/core';
 import { DEFAULT_HOOKS } from './constants';
 import { DEBUG_BUILD } from './debug-build';
 import type { Hook, Operation, TracingOptions, ViewModel, Vue } from './types';
@@ -73,7 +73,7 @@ export const createTracingMixins = (options: Partial<TracingOptions> = {}): Mixi
     // eg. mount => ['beforeMount', 'mounted']
     const internalHooks = HOOKS[operation];
     if (!internalHooks) {
-      DEBUG_BUILD && logger.warn(`Unknown hook: ${operation}`);
+      DEBUG_BUILD && debug.warn(`Unknown hook: ${operation}`);
       continue;
     }
 

packages/vue/test/integration/VueIntegration.test.ts

@@ -3,7 +3,7 @@
  */
 
 import type { Client } from '@sentry/core';
-import { logger } from '@sentry/core';
+import { debug } from '@sentry/core';
 import { afterAll, afterEach, beforeAll, beforeEach, describe, expect, it, vi } from 'vitest';
 import { createApp } from 'vue';
 import * as Sentry from '../../src';
@@ -35,7 +35,7 @@ describe('Sentry.VueIntegration', () => {
     warnings = [];
     loggerWarnings = [];
 
-    vi.spyOn(logger, 'warn').mockImplementation((message: unknown) => {
+    vi.spyOn(debug, 'warn').mockImplementation((message: unknown) => {
       loggerWarnings.push(message);
     });