Frontend framework

Vue observability, live in minutes.

A Vue 3 plugin that captures errors and records sessions, with composables for manual events.

Create a project Full Vue docs
Three ways in

Snippet, wizard, or manual.

Lead with the fastest path — the copy-paste snippet with your token baked in. The wizard and manual setup stay available.

  1. STEP 1
    Copy-paste the snippet

    Create a Vue project and app.use() the plugin with your connection string.

  2. STEP 2
    Run the wizard

    npx tracepath-wizard installs @tracepath/vue and registers the plugin.

  3. STEP 3
    Manual path

    npm install @tracepath/vue, then app.use(createTracePathPlugin(...)).

Real code

A working main.js.

Taken from our own examples and docs — this is the actual shape of a Vue integration.

import { createApp } from "vue";
import { createTracePathPlugin } from "@tracepath/vue";
import App from "./App.vue";

const app = createApp(App);

app.use(
  createTracePathPlugin({
    connectionString: "your-token@https://ingest.tracepath.dev/api/report",
  }),
);

app.mount("#app");

Source: docs/pages/client/vue/index.mdx in the TracePath repo. TODO-verify: snippet matches the latest SDK release before publishing.

What you get

Built for Vue.

Global error handler via the plugin

useTracePath() composable for components

Session recording on by default

Vue Router integration for breadcrumbs

Browse everything tagged #vue →

Other frameworks

Next.jsNestJSExpressHonoGoFlutterReactSvelte

Instrument Vue today.

Free plan, no credit card. First event in under five minutes.

Start freeSelf-host instead