@oopsie-app/vue

Wrapper oficial de Vue para @oopsie-app/browser.

Instalação

npm install @oopsie-app/browser @oopsie-app/vue

Uso

import { createApp } from "vue";
import { createOopsieVue } from "@oopsie-app/vue";

const app = createApp(App);

app.use(createOopsieVue({
  config: {
    projectKey: "pk_xxx",
    endpoint: "https://www.oopsie.com.br/api/ingest/rum",
    env: "production",
    release: "v1.0.0",
  },
}));

Composable

import { useOopsie } from "@oopsie-app/vue";

const oopsie = useOopsie();
oopsie.captureEvent("checkout.step_view", { step: "payment" });

Router

Para Vue Router, a recomendação é instalar o plugin antes do router e usar captureEvent() em guards ou páginas estratégicas quando quiser enriquecer a trilha funcional.