add ga

package-lock.json

@@ -14,6 +14,7 @@
         "pinia": "^2.1.7",
         "qrcode.vue": "^3.4.1",
         "vue": "^3.3.11",
+        "vue-gtag-next": "^1.14.0",
         "vue-i18n": "^9.13.1",
         "vue-picture-cropper": "^0.7.0",
         "vue-router": "^4.2.5"
@@ -1446,6 +1447,14 @@
         }
       }
     },
+    "node_modules/vue-gtag-next": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/vue-gtag-next/-/vue-gtag-next-1.14.0.tgz",
+      "integrity": "sha512-iJl+cOG2GU5NuxqzSSIpt03WVOvZqyKB9TOy7d55KiuvRklcnb2nlqxW5B/a3/sbIt7fla+XEkRyMCcoz0zAHw==",
+      "peerDependencies": {
+        "vue": "^3.0.0-rc.11"
+      }
+    },
     "node_modules/vue-i18n": {
       "version": "9.13.1",
       "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.13.1.tgz",
@@ -2354,6 +2363,12 @@
         "@vue/shared": "3.4.15"
       }
     },
+    "vue-gtag-next": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/vue-gtag-next/-/vue-gtag-next-1.14.0.tgz",
+      "integrity": "sha512-iJl+cOG2GU5NuxqzSSIpt03WVOvZqyKB9TOy7d55KiuvRklcnb2nlqxW5B/a3/sbIt7fla+XEkRyMCcoz0zAHw==",
+      "requires": {}
+    },
     "vue-i18n": {
       "version": "9.13.1",
       "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.13.1.tgz",

package.json

@@ -15,6 +15,7 @@
     "pinia": "^2.1.7",
     "qrcode.vue": "^3.4.1",
     "vue": "^3.3.11",
+    "vue-gtag-next": "^1.14.0",
     "vue-i18n": "^9.13.1",
     "vue-picture-cropper": "^0.7.0",
     "vue-router": "^4.2.5"

src/main.js

@@ -6,10 +6,18 @@ import { createPinia } from 'pinia'
 import App from './App.vue'
 import router from './router'
 import i18n from './plugins/i18n'
+import VueGtag from "vue-gtag-next";
 import vuetify from './plugins/vuetify'
 
 const app = createApp(App)
 
+// Google tag (gtag.js)
+app.use(VueGtag, {
+  property: {
+    id: "G-3N4C6P32Z5"
+  }
+});
+
 app.use(createPinia())
 app.use(router)
 app.use(i18n)