Vue 3

A plugin on the app instance; router events arrive with it.

Take the write key

Everything this install sends is tagged with it, so one key per environment keeps staging out of your production numbers.

Generating…

Install

One package, in the service you are instrumenting.

npm i @clearplane/vue

Add it to Vue 3

Paste this where the request path is assembled. The account callback is the only part you have to fill in — it is what turns a request into a customer.

ts
import { clearplane } from "@clearplane/vue";

createApp(App)
  .use(clearplane, { writeKey: import.meta.env.VITE_CLEARPLANE_KEY })
  .mount("#app");

Name this install

Name it for the deployment rather than the framework. Two Next.js apps in one workspace is the normal case, and “Next.js” twice helps nobody.

Environment

Events land in events_vue and are queryable from Chat, models, and SQL.