Integrating with vue-router

[andreasvirkus]

Hi there, Segment folks!

I think the developer experience could be greatly increased by having a user
pass in their Vue router's instance. That way you can create an afterEach router hook
so the user themselves wouldn't have to create a mounted() hook in each component.

A nice example is how vue-gtm solves this:
https://github.com/mib200/vue-gtm/blob/aacc3b521e3d17827d77aab8ca88cbb15162b583/src/index.js#L43

Would this be something you're willing to consider (and would you be open for a PR)?

Best,
andreas

[williamgrosset]

@andreasvirkus Thanks for checking out our repo :) Absolutely, this is a great idea! We were aiming for the community to find some suggested tips & tricks to help this guide get even better.

I think it is still worth having the content for demonstrating the option of using mounted() for developers who want page calls to be independent in their page components, but I could see this being very useful for people who would like to instrument their app this way.

Would you mind adding a description and an example snippet to the content in Step 2: Track Page Views in an SPA?

Cheers!

[williamgrosset]

Closing for inactivity.

[andreasvirkus]

Sorry for not staying on top of this. We're now starting to integrate with Segment and I'll try to put together a PR for this feature over the next few weeks.

[mac-cain13]

PR #12 contains an example of how you can implement this yourselves quite easily. Might be of interest to people finding this issue through Google, like me.