---
title: "Vue"
description: "Add error and span instrumentation to Vue applications. (default)"
url: https://docs.sentry.io/platforms/javascript/guides/vue/configuration/integrations/vue/
---

# Vue | Sentry for Vue

This integration is enabled by default (recommended) but can also be added manually.

*Import name: `Sentry.vueIntegration`*

This integration is enabled by default. If you'd like to modify your default integrations, read [this](https://docs.sentry.io/platforms/javascript/guides/vue/configuration/integrations.md#modifying-default-integrations).

Adds error and span instrumentation for Vue applications.

## [Manual Setup](https://docs.sentry.io/platforms/javascript/guides/vue/configuration/integrations/vue.md#manual-setup)

If the Vue application is not defined from the start, you can add error monitoring for Vue-specific errors later on. To manually add the integration for late-defined Vue applications:

```javascript
import * as Sentry from "@sentry/vue";

Sentry.init({
  dsn: "https://<key>@o<orgId>.ingest.sentry.io/<projectId>",
  // Filter out default `Vue` integration
  integrations: (integrations) =>
    integrations.filter((integration) => integration.name !== "Vue"),
});

// Sometimes later
const app = createApp({
  template: "<div>hello</div>",
});

Sentry.addIntegration(Sentry.vueIntegration({ app }));
```