Use gtag

Author: mugetsu

components/Drawer/index.vue

@@ -25,8 +25,7 @@ export default {
       this.items[this.activeItem].deactivate()
       this.items[newIndex].activate()
       this.activeItem = newIndex
-      this.$gtm.push({
-        eventCategory: 'drawer',
+      this.$gtag('event', 'drawer', {
         eventAction: 'change',
         eventLabel: 'drawer change',
         eventValue: this.items[this.activeItem].title

nuxt.config.js

@@ -48,7 +48,7 @@ module.exports = {
   modules: [
     '@nuxtjs/axios',
     '@nuxtjs/pwa',
-    '@nuxtjs/gtm'
+    '@nuxtjs/google-gtag'
   ],
 
   /*
@@ -72,13 +72,14 @@ module.exports = {
   },
 
   /*
-  ** GTM configuration
+  ** GTAG configuration
   */
-  gtm: {
-    dev: false,
+ 'google-gtag': {
+    debug: true,
     id: process.env.GA,
-    pageTracking: true,
-    scriptURL: 'https://www.googletagmanager.com/gtag/js'
+    config: {
+      send_page_view: true
+    }
   },
 
   /*

package-lock.json

@@ -20,7 +20,7 @@
   },
   "dependencies": {
     "@nuxtjs/axios": "^5.9.5",
-    "@nuxtjs/gtm": "^2.2.2",
+    "@nuxtjs/google-gtag": "^1.0.4",
     "@nuxtjs/pwa": "^3.0.0-beta.20",
     "animated-number-vue": "^1.0.0",
     "babel-runtime": "^6.26.0",