Create Example for Vue.js Instrumentation about keen-tracking.js

[tesarwijaya]

hello @dustinlarimer i might help with this issue, but still confusing with the approach. in this issue you reference using vue plugin but then i see in react example using flux, because i think vue equivalent of flux is vuex. if you want an implementation using vuex, i can help you.

[dustinlarimer]

@tesarwijaya thanks for the offer – Vuex looks super cool.. perhaps it might look something like this?

const Keen = require('keen-tracking');
const client = new Keen({
  /* Configure */
});
client.extendEvents(() => {
  /* Baseline Data Model */
});

const keenPlugin = store => {
  // called when the store is initialized
  store.subscribe((mutation, state) => {
    client.deferEvent('app-actions', {
      'mutation': mutation,
      'state': state
    });
  });
};

Is there a better approach to this? Vue.js is rather new to me, so if you have any suggestions I'd love to hear them! Perhaps there are multiple instrumentation strategies to cover in addition to Vuex?

[tesarwijaya]

that's exactly what i want to try. and i think that is ideal to approach.

[dustinlarimer]

Great! If you would like to tackle it, then go right ahead 🚀

[tesarwijaya]

gonna make PR asap 👍

[dustinlarimer]

@tesarwijaya thanks for your help on this! Please shoot an email to [email protected] 👍