vue-analytics | Google Universal Analytics support in Vue.js | Analytics library

I have 1 component called calculator.vue and in my main.js I have the code for the plugin, like below:

The following error message is given:

"Argument of type 'typeof VueAnalytics' is not assignable to parameter of type 'Plugin_2'. Type 'typeof VueAnalytics' is not assignable to type '{ install: PluginInstallFunction; }'. Types of property 'install' are incompatible."

What am I doing wrong ? Thank you very much for your help.

I was wondering what's the difference between pageview and screenview.

This GA library vue-analytics 's trackView methods use screenview.

That's confusing to me.

And I have seen people track pageview and screenview at the same time(each route will send these two)

So what's the difference between these two?

To start my project, I ran vue init webpack my-project, but I excluded E2E tests. Now I changed my mind and do want to include E2E tests. How can I add them to my project?

Note to readers: Tarun Lalwani's answer worked great for me. However you may want to consider using TestCafe, as it works without any configuration.

I've tried creating a dummy project using the command vue init webpack my--project so that I could copy-paste the test/e2e directory and then try to work from there, but it hasn't worked. I copy-pasted the npm script too, tried running npm run e2e and then updated my code based on the error messages I got.

I've reached a point where I've gotten a TypeError: webpack.optimize.ModuleConcatenationPlugin is not a constructor error. const webpack = require('webpack'), and I've ran npm update to make sure that the webpack node module is up to date, so I don't know why I'm getting that error.

Regardless, this approach of trying to run npm run e2e and then update my code based on the error messages seems somewhat unlikely to succeed.

package.json

I notice a lot of errors in Sentry with the following stack trace:

I have a Vue application that uses used Vue Analytics, which creates a this.$ga.page method to do page tracking. Now, I need to test my component, using Jest, but it says this.$ga.page is not defined. I'm initializing Vue Analytics in main.js.

How do I include main.js before the component in the test file? I know we need to add this in a beforeEach method, but I don't know exactly how to do that.

Vue Analytics init in main.js

Let say I have 2 plugins I want to use:

Bootstrap-Vue & Vue Analytics

I would import like so

I have multiple domains that use the same files (from git master branch). Now, I want to implement google analytics on each domain.

I've tried this vue-anlaytics package multiple domain tracking (see link - https://medium.com/dailyjs/tips-tricks-for-vue-analytics-87a9d2838915#7ead) but the problem is whenever I try to visit domain1.com. It also registers on the domain2.com google analytics dashboard.

Please help.

We have a Rails 5 project that is running webpack (through the webpacker gem) alongside the normal asset pipeline. Everything has worked like a charm for the past few months, until yesterday, for some reason, webpack stopped compiling our Vue files.

This is the error stack trace: