feat: @sentry/vue

[HazAT]

@sentry/vue SDK no support for Vue3 yet.

getsentry/sentry-docs#2689

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import * as Sentry from '@sentry/vue'
import { Integrations } from '@sentry/tracing'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'

Vue.use(Router)

const Foo = { template: '<div>foo</div>' }
const Bar = { template: '<div>bar</div>' }

const router = new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    { path: '/foo/:id', component: Foo },
    { path: '/bar', component: Bar }
  ]
})

Vue.config.productionTip = false

Sentry.init({
  Vue: Vue,
  debug: true,
  dsn: 'https://[email protected]/5429219',
  attachProps: true,
  tracesSampleRate: 1,
  integrations: [
    new Integrations.BrowserTracing({
      routingInstrumentation: Sentry.vueRouterInstrumentation(router)
    })
  ],
  tracingOptions: {
    trackComponents: true
  }
})

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

[github-actions]

size-limit report

Path	Size
@sentry/browser - CDN Bundle (gzipped)	19.72 KB (+0.01% 🔺)
@sentry/browser - Webpack	20.59 KB (0%)
@sentry/react - Webpack	20.59 KB (0%)
@sentry/browser + @sentry/tracing - CDN Bundle (gzipped)	26.86 KB (+0.01% 🔺)

[kamilogorek]

options.defaultIntegrations === true should also do this.

[HazAT]

It can also be an array, we have this logic everywhere so I rather not change it just here.

[kamilogorek]

Eh, then we have a bug in 4 places :(

Sentry.init({
  defaultIntegrations: true
})

should work, but it won't now. Can we fix it in this PR plz?

[HazAT]

The type of the option is defined as defaultIntegrations?: false | Integration[];
So either it has to be omitted, or false or array. It can't be set to true

[kamilogorek]

Reviewed