gtm-vue/src/directive.ts

Wrapper for using Google Tag Manager with Vue. Inspired by vue-gtm.

import {DirectiveOptions, VueConstructor} from 'vue';

export function setupDirective (Vue: VueConstructor, directiveName: string) {
  const trackDirective: DirectiveOptions = {
    bind (el, binding) {
      el.addEventListener('click', () => {
        Vue.gtm.trackEvent(binding.value);
      });
    },
  };


  Vue.directive(directiveName || 'track', trackDirective);
}