title: How to use Mixpanel in Nuxt.js
body: <p>How one can include <a href="https://mixpanel.com/" rel="nofollow noreferrer">Mixpanel analytics</a> in <a href="https://nuxtjs.org/" rel="nofollow noreferrer">Nuxt.js</a>?</p>
  <p>Honestly, I'm new to Nuxt.js and Vue, and Mixpanel but website I inherited is descant so I'd rather learn than change. Adding Google Analytic is pretty straight forward as there's a great package <a href="https://google-analytics.nuxtjs.org/" rel="nofollow noreferrer">nuxtjs google-analytics</a>; it only requires adding <code>googleAnalytics</code> to Nuxt config and all is done magically.</p>
  <p>For Mixpanel I have found both <a href="https://www.npmjs.com/package/vue-mixpanel" rel="nofollow noreferrer">vue-mixpanel</a> and <a href="https://www.npmjs.com/package/mixpanel-browser" rel="nofollow noreferrer">mixpanel-browser</a> but I'm not really sure how to use them. The first one seems appropriate but once I initiate the plugin I'm confused where to use the <code>this.$mixpanel</code> references. Is there some &quot;on page load&quot; event? No idea how to add something to page's header.</p>