track browser errors prior to initialising Vue

[rhysburnie]

Hello,

Sentry.init requires that the Vue app is initialiZed to use the @sentry/vue package.
However that would mean missing any potential errors in javascript setup priory to initialising Vue.

We do a considerable amount of things prior to creating the app instance.

How would you go about tracking both plain @sentry/browser and @sentry/vue?

In bugsnag it can track as normal prior to initializing vue then you pass vu to it thus you capture any non vue related errors.

The sentry bot chat suggested the code pasted at the bottom, but it seems invalid.

If there is no mechanism for this would first doing a Sentry.init for general stuff prior to vue init and then calling Sentry.init for vue work?
In stackoverflow people answered with simply you can set up multiple apps.
But this is one app and surely 2 Sentry.inits with diff dsn would result in mulitples of most non vue specific errors.

sentry botchat suggested this, but it seems like AI nonsense code

import * as Sentry from "@sentry/browser";
import { createApp } from "vue";
import { createRouter } from "vue-router";
import { Integrations } from "@sentry/tracing";
import { Vue as VueIntegration } from "@sentry/integrations";

// Initialize Sentry with the @sentry/browser package
Sentry.init({
  dsn: "YOUR_DSN",
  integrations: [
    new Integrations.BrowserTracing(),
    new VueIntegration({ Vue, attachProps: true }),
  ],
  tracesSampleRate: 1.0,
});

// Create your Vue app and router
const app = createApp({
  // ...
});
const router = createRouter({
  // ...
});

// Mount the app and router
app.use(router);
app.mount("#app");