question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Update @bugsnag/plugin-vue docs for Vue.js 3

See original GitHub issue

Describe the bug

Vue.js 3 was released a few days ago and I’m trying to integrate Bugsnag into an application based on it. However, I’m not sure how to plug in BugsnagPluginVue. The documentation says that you can initialize the plugin this way:

Bugsnag.getPlugin('vue').installVueErrorHandler(Vue);

However, Vue.js 3 no longer uses Vue constructor to initialize the application. Instead, it uses createApp function. There’s also no contructor being exported from vue module.

So my question is: What is the right way to initialize BugsnagPluginVue in Vue.js 3 application? And can you update the documentation?

Steps to reproduce

  1. Create a new application using Vue.js 3
  2. Try to integrate Bugsnag with BugsnagPluginVue
  3. See there’s no Vue constructor anymore

Environment

  • Bugsnag version: 7.3.5
  • Browser framework version (if any):
    • Vue: 3.0.0

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:3
  • Comments:9 (4 by maintainers)

github_iconTop GitHub Comments

7reactions
mattdyoungcommented, Sep 21, 2020

Hi @livthomas

We need to make some changes to the Bugsnag plugin to accommodate the breaking changes in Vue 3: https://v3.vuejs.org/guide/migration/global-api.html#global-api

We’ll be releasing a new version of bugsnag-js which supports Vue 3 soon as well as updating the installation docs.

5reactions
xljonescommented, Feb 15, 2021

The bugsnag-js library now supports Vue 3 as of https://github.com/bugsnag/bugsnag-js/releases/tag/v7.7.0.

Check out the docs here: https://docs.bugsnag.com/platforms/javascript/vue/

Read more comments on GitHub >

github_iconTop Results From Across the Web

Vue integration guide - JavaScript - Bugsnag docs
Vue integration guide. Add Bugsnag to your Vue projects to automatically capture and report errors in production.
Read more >
README.md - GitHub
All projects should upgrade to our universal JS notifier: @bugsnag/js and use the new version of the Vue plugin: @bugsnag/plugin-vue. See the upgrade...
Read more >
@bugsnag/plugin-vue - npm
Vue.js integration for bugsnag-js. Latest version: 7.18.0, last published: 3 months ago. Start using @bugsnag/plugin-vue in your project by ...
Read more >
vue-giveworks-form - npm Package Health Analysis - Snyk
This plugin provides Vue.js component for the open [http://giveworks.net](Giveworks Platform). For more information about how to use this ...
Read more >
Production Deployment - Vue.js
When deploying to production, we should drop all the unused, development-only code branches for smaller payload size and better performance. Without Build Tools ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found