change google tag manager plugin

.env.example

@@ -1,3 +1,4 @@
 API_URL=http://adapt.test
 RECAPTCHA_SITE_KEY=
 NUXT_PUBLIC_GTAG_ID=
+STAGE=

nuxt.config.js

@@ -23,7 +23,9 @@ export default {
     recaptcha: {
       /* reCAPTCHA options */
       siteKey: process.env.RECAPTCHA_SITE_KEY // for example
-    }
+    },
+    STAGE: process.env.STAGE || 'development',
+    NUXT_PUBLIC_GTAG_ID: process.env.NUXT_PUBLIC_GTAG_ID,
   },
 
   privateRuntimeConfig: {
@@ -44,6 +46,7 @@ export default {
     { src: '~/plugins/helpers/form.js' },
     { src: '~/plugins/axios.js'},
     { src: '~/plugins/component-loader.js' },
+    { src: '~/plugins/analytics.js' },
   ],
 
   // Auto import components: https://go.nuxtjs.dev/config-components
@@ -67,7 +70,6 @@ export default {
         version: 3
       }
     ],
-    'nuxt-gtag'
   ],
 
   ssr: false,
@@ -145,7 +147,6 @@ export default {
       'Source Sans Pro': [600],
     }
   },
-
   // Build Configuration: https://go.nuxtjs.dev/config-build
   build: {
     plugins: [

package.json

@@ -19,6 +19,7 @@
     "vee-validate": "^3.4.14",
     "vue": "^2.6.14",
     "vue-confirm-dialog": "1.0.2",
+    "vue-gtag": "^1.16.1",
     "vue-server-renderer": "^2.6.14",
     "vue-signature": "^2.6.0",
     "vue-template-compiler": "^2.6.14",
@@ -27,7 +28,6 @@
   },
   "devDependencies": {
     "@nuxtjs/google-fonts": "^3.0.1",
-    "@nuxtjs/vuetify": "^1.12.3",
-    "nuxt-gtag": "^1.1.1"
+    "@nuxtjs/vuetify": "^1.12.3"
   }
 }

plugins/analytics.js

@@ -0,0 +1,12 @@
+import Vue from 'vue'
+import VueGtag from 'vue-gtag'
+
+export default ({ app }) => {
+  if (app.$config.STAGE === 'production') {
+    Vue.use(VueGtag, {
+      config: { id: app.$config.NUXT_PUBLIC_GTAG_ID },
+      appName: 'CerAjutor',
+      pageTrackerScreenviewEnabled: true,
+    }, app.router)
+  }
+}