Google Analytics changed to vue-gtag

package.json

@@ -10,13 +10,15 @@
   },
   "dependencies": {
     "@nuxtjs/axios": "^5.13.1",
+    "@types/gtag.js": "0.0.20",
+    "@vue/shared": "^3.5.10",
     "animate.css": "^3.7.2",
     "aos": "^3.0.0-beta.6",
     "axios": "^0.24.0",
     "bootstrap": "^5.1.3",
     "bootstrap-vue": "^2.22.0",
     "core-js": "^2.6.12",
-    "crypto-js": "^4.0.0",
+    "crypto-js": "^4.2.0",
     "datatables.net": "^1.11.3",
     "jquery": "^3.6.0",
     "js-md5": "^0.7.3",
@@ -24,7 +26,7 @@
     "jspdf-autotable": "^3.5.14",
     "lodash": "^4.17.21",
     "material-design-icons-iconfont": "^3.0.3",
-    "moment": "^2.29.1",
+    "moment": "^2.30.1",
     "node-sass": "^4.14.1",
     "roboto-fontface": "*",
     "sass-loader": "^7.3.1",
@@ -32,13 +34,13 @@
     "uuid": "^8.3.2",
     "v-file-upload": "^3.1.7",
     "vue": "^2.6.12",
-    "vue-analytics": "^5.22.1",
     "vue-carousel": "^0.18.0",
     "vue-cryptojs": "^2.1.5",
     "vue-currency-input": "^1.22.6",
     "vue-disable-autocomplete": "0.0.4",
     "vue-eva-icons": "^1.1.1",
     "vue-float-label": "^1.6.1",
+    "vue-gtag": "^1.16.1",
     "vue-head": "^2.2.0",
     "vue-js-modal": "^1.3.35",
     "vue-json-excel": "^0.2.99",

src/main.js

@@ -4,6 +4,7 @@ import EvaIcons from 'vue-eva-icons'
 import axios from 'axios'
 import moment from 'moment'
 import App from './App.vue'
+import VueGtag from "vue-gtag";
 import router from './router'
 import store from './store'
 import * as VueGoogleMaps from 'vue2-google-maps'
@@ -12,7 +13,7 @@ import VueSocialSharing from 'vue-social-sharing'
 import VueCurrencyInput from 'vue-currency-input'
 import VueFloatLabel from 'vue-float-label'
 import VueCryptojs from 'vue-cryptojs'
-import VueAnalytics from 'vue-analytics'
+//import VueAnalytics from 'vue-analytics'
 import JsonExcel from 'vue-json-excel'
 import VModal from 'vue-js-modal'
 import vueFloatLabel from 'vue-float-label'
@@ -50,14 +51,22 @@ Vue.use(VueGoogleMaps, {
         },
     })
     //More info @ https://webdeasy.de/en/vue-analytics-en/
-Vue.use(VueAnalytics, {
-    id: 'UA-128891091-1',
-    router,
-})
+// Vue.use(VueAnalytics, {
+//     id: 'UA-128891091-1',
+//     router,
+// })
+Vue.use(VueGtag, {
+    config: {
+        id: 'G-WG43TKF30K',
+        params: {
+            send_page_view: false
+        }
+    }
+}, router)
 
 Vue.config.productionTip = false
-axios.defaults.baseURL = 'http://localhost:57260'
-    //axios.defaults.baseURL = 'https://www.pvsl.co.za:86/'
+//axios.defaults.baseURL = 'http://localhost:57260'
+    axios.defaults.baseURL = 'https://www.pvsl.co.za:86/'
     //axios.defaults.baseURL = 'http://training.provision-sa.com:120/'
 
 Vue.prototype.$axios = axios

vue.config.js

@@ -2,9 +2,9 @@ module.exports = {
     devServer: {
         proxy: {
             '/api': {
-                target: 'http://localhost:57260/',
+                //target: 'http://localhost:57260/',
                 //target: 'http://training.provision-sa.com:120/',
-                //target: 'https://www.pvsl.co.za:86/',
+                target: 'https://www.pvsl.co.za:86/',
                 changeOrigin: true,
             },
             '/nph-srep': {