Присоединение vue-gtm (менеджера тегов Google) к экземпляру Router

Question

Используя этот пакет: https://www.npmjs.com/package/vue-gtm

В router.js (vue cli 3) я пытаюсь подключить его к экземпляру маршрутизатора:

import Vue from 'vue'
import Router from 'vue-router'
import VueGtm from 'vue-gtm'

Vue.use(VueGtm, {
  id: 'GTM-xxxxxxx',
  enabled: true,
  debug: true,
  vueRouter: Router
})

export default new Router({
  mode: 'history'
})

Но, очевидно,это не сработает.Как я могу присоединить vue-gtm к маршрутизатору в моем случае, где я экспортирую экземпляр Router, не устанавливая его в переменную:

const router = new Router({})

Answer 1

Вы неправильно передаете класс Router для vueRouter in:

Vue.use(VueGtm, {
  //vueRouter: Router, // <-- DON'T DO THIS
})

Значение vueRouter должно быть маршрутизатором экземпляр , поэтому router.js следуетвыглядеть примерно так:

const routes = [
  //...
]

const router = new Router({
  mode: 'history',
  routes
})

Vue.use(VueGtm, {
  vueRouter: router, // <-- router instance
  //...
})

export default router