mixpanel in vue.js component

app.js

let componenet = require('./componenet');

Vue.app ( stuff );

//this code is packaged using browserify

componenet.js

let Vue = require('vue');
let mixpanelMng = require('mixpanel-init');


module.exports = Vue.extend({
    
    template: `
                <div @click="mixpanelTrack()">
                    dont care what is here
                </div>
              `,
    created: function() {
        //this code runs as soon as this componenet is rendered
        
        //this event is sent successfully 
        mixpanelMng.track('share box');
        
        //this event is sent successfully 
        mixpanel.track('share box');
    },
    methods: {
        mixpanelTrack: function() {
            //this happens when user clicks soething
          
            //this event is sent successfully, but dont get logged inside the Mixpanel admin
            //so I get no error, but I can not see this in the admin
            mixpanelMng.track('share box close');
            
            //but, when I use the global mixpanel variable
            //it seems to be the same, but now it is recorded in to the mixpanel admin
            mixpanel.track('share box close');
            
        }
    }
});

mixpanel-init.js

let serverConfig = require('./server-config');

mixpanel.init(serverConfig.mixpanelToken);

module.exports = mixpanel;