@appsignal/vue

Installation

Avec npm ou yarn

Ajoutez les packages @appsignal/vue et @appsignal/javascript à votre package.json. Ensuite, exécutez npm install/yarn install. Vous pouvez également ajouter ces packages à votre package.json en ligne de commande :

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

Avec les import maps JSPM.io

Avec le générateur d’import maps JSPM.io, vous pouvez générer une import map pour les dépendances de votre application. Ajoutez @appsignal/javascript et @appsignal/vue à la liste des dépendances dans le générateur, puis ajoutez l’import map générée et les shims des modules ES au code de votre application.

Avec `rails-importmap`

Utilisez la commande suivante pour ajouter ces packages aux import maps de votre application Rails :

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

Utilisation

`Vue.config.errorHandler`

L’intégration Vue par défaut est une fonction qui se lie au hook global errorHandler de Vue.

Vue v2

Dans une nouvelle application Vue v2 créée avec @vue/cli, votre fichier main.js/.ts ressemblerait à ceci :

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

La version 3 de Vue inclut un changement dans la façon dont vous utiliseriez notre intégration Vue. Au lieu de l’attacher à l’objet global Vue, vous l’utiliseriez de cette manière :

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

AppSignal pour Ruby

AppSignal pour Elixir

AppSignal pour Node.js

AppSignal pour front-end

AppSignal pour Python

AppSignal pour Go

AppSignal pour Java

AppSignal pour PHP

OpenTelemetry

Wrap

Collector

Agent autonome

Installation

Avec npm ou yarn

Avec les import maps JSPM.io

Avec `rails-importmap`

Utilisation

`Vue.config.errorHandler`

Vue v2

Vue v3

​Installation

​Avec npm ou yarn

​Avec les import maps JSPM.io

​Avec rails-importmap

​Utilisation

​Vue.config.errorHandler

​Vue v2

​Vue v3

Installation

Avec npm ou yarn

Avec les import maps JSPM.io

Avec `rails-importmap`

Utilisation

`Vue.config.errorHandler`

Vue v2

Vue v3