@appsignal/vue - AppSignal Documentation

Instalação

Com npm ou yarn

Adicione os pacotes @appsignal/vue e @appsignal/javascript ao seu package.json. Em seguida, execute npm install/yarn install. Você também pode adicionar esses pacotes ao seu package.json pela linha de comando:

yarn add @appsignal/javascript @appsignal/vue
npm install @appsignal/javascript @appsignal/vue

Com import maps do JSPM.io

Usando o gerador de import maps do JSPM.io, você pode gerar um import map para as dependências da sua aplicação. Adicione @appsignal/javascript e @appsignal/vue à lista de dependências no gerador, depois adicione o import map gerado e o ES module shims ao código da sua aplicação.

Com `rails-importmap`

Use o comando a seguir para adicionar esses pacotes aos import maps da sua aplicação Rails:

./bin/importmap pin @appsignal/javascript @appsignal/vue

Uso

`Vue.config.errorHandler`

A integração padrão do Vue é uma função que se vincula ao hook global errorHandler do Vue.

Vue v2

Em uma nova aplicação Vue v2 criada usando @vue/cli, seu arquivo main.js/.ts se pareceria com algo assim:

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";

import { appsignal } from "./appsignal";
import { errorHandler } from "@appsignal/vue";

Vue.config.errorHandler = errorHandler(appsignal, Vue);

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");

Vue v3

A versão 3 do Vue inclui uma mudança na forma como você usaria nossa integração com o Vue. Em vez de anexá-la ao objeto global Vue, você a usaria assim:

import { createApp } from "vue";
import App from "./App.vue";

import { appsignal } from "./appsignal";
import { errorHandler } from "@appsignal/vue";

const app = createApp(App);
app.config.errorHandler = errorHandler(appsignal, app);
app.mount("#app");

@appsignal/stimulus

@appsignal/urql

⌘I

​Instalação

​Com npm ou yarn

​Com import maps do JSPM.io

​Com rails-importmap

​Uso

​Vue.config.errorHandler

​Vue v2

​Vue v3