Merge pull request #30 from spothound/googleAnalytics

Add google analytics

package.json

@@ -22,6 +22,7 @@
     "uuid": "^9.0.1",
     "vue": "^3.4.3",
     "vue-echarts": "^6.6.8",
+    "vue-gtag-next": "^1.14.0",
     "vue-router": "^4.2.5",
     "vue3-chessboard": "^1.3.2",
     "vue3-google-login": "^2.0.26",

src/main.ts

@@ -1,24 +1,32 @@
-import { createApp, type Plugin } from 'vue'
-import App from './App.vue'
-import '@/assets/styles/index.css'
-import vue3GoogleLogin from 'vue3-google-login'
-const apiUrl = import.meta.env.VUE_APP_API_URL || 'https://api.thepawnsjourney.live';
+import { createApp, type Plugin } from 'vue';
+import App from './App.vue';
+import '@/assets/styles/index.css';
+import vue3GoogleLogin from 'vue3-google-login';
+import { createGtm } from '@gtm-support/vue-gtm';
+import router from './router';  // Import your router here
 
+const apiUrl = import.meta.env.VUE_APP_API_URL || 'https://api.thepawnsjourney.live';
 
-const app = createApp(App)
+const app = createApp(App);
 
 Object.values(
   import.meta.glob<Plugin>('./plugins/*.ts', {
     eager: true,
     import: 'default',
   }),
-).forEach((v) => app.use(v))
+).forEach((v) => app.use(v));
 
 app.use(vue3GoogleLogin, {
-  clientId: '368514305696-6nuvllac0utemf8ad4ch38j6h002ih3g.apps.googleusercontent.com'
-})
+  clientId: '368514305696-6nuvllac0utemf8ad4ch38j6h002ih3g.apps.googleusercontent.com',
+});
+
+app.use(createGtm({
+  id: 'G-G-SE7XN0JDRV',
+  vueRouter: router
+}));
+
+app.use(router);
 
-// make a dummy request to the API to bring it up if needed
-fetch(`${apiUrl}/`)
+fetch(`${apiUrl}/`);
 
-app.mount('#app')
+app.mount('#app');

src/pages/changelog.vue

@@ -15,7 +15,13 @@ const changelog = [
     icon: 'mdi-home-floor-1',
     size: 'large'
   },
-  // Add more entries here...
+  {
+    title: 'v1.0.1',
+    text: 'Google Analytics added to track user interactions and improve the website.',
+    color: 'bg-purple-lighten-2',
+    icon: 'mdi-home-floor-1',
+    size: 'medium'
+  },
 ];
 
 </script>