Pinia is the defacto library for state management in Vue and Nuxt. Our Vue and Nuxt SDKs since release 8.37.0 have an integration which will attach information about the current state being managed by Pinia to the error events sent to sentry. Enriched breadcrumbs and the attached state will help you debug errors faster.

For Vue you will update your Pinia config:

import { createPinia } from "pinia";
import { createSentryPiniaPlugin } from "@sentry/vue";

const pinia = createPinia();

pinia.use(createSentryPiniaPlugin());

For Nuxt update your Sentry init in sentry.client.config.ts

Sentry.init({
  dsn: SENTRY_DSN,
  integrations: [Sentry.piniaIntegration(usePinia())],
});

See our Vue and Nuxt docs respectively to learn more about how to take advantage of the new integration.