vsf-facebook-pixel/router/afterEach.js

Facebook Pixel module for Vue Storefront

import rootStore from '@vue-storefront/store'
import { isServer } from '@vue-storefront/core/helpers'

import evViewContent from '../events/ViewContent'
import evAddToCart from '../events/AddToCart'
import evAddToWishlist from '../events/AddToWishlist'

export function afterEach (to, from) {
  const currency = rootStore.state.storeView.i18n.currencyCode

  // Each product's route has in name 'product' phrase!
  if(!isServer) {
	  if(to.name.match(/product/)) {
		// ViewContent event
		evViewContent(fbq, rootStore.state.product.current, currency)
	  }

	  evAddToCart(fbq, currency)
	  evAddToWishlist(fbq, currency)
  }
}