chore: add motomo site tracking

Author: thamudi

nuxt.config.ts

@@ -41,20 +41,28 @@ export default defineNuxtConfig({
     injectPosition: 0,
     viewer: true,
   },
+  plugins: [
+    {
+      src: '~/plugins/matomo-plugin.client.js',
+      ssr: false,
+    },
+  ],
   // REF: https://v3.nuxtjs.org/guide/going-further/runtime-config/
   runtimeConfig: {
     // Keys within public, will be also exposed to the client-side
     public: {
-      communityApiUrl: "https://community.api.josa.dev/v2",
-      targetEnv: "",
-      buildCommitSha: "",
-      buildCommitLink: "",
-      buildNumber: "",
-      buildLink: "",
-      buildRepoLink: "",
-      buildTimestamp: "",
-      debug: "",
-      sessionCookieName: "connect.sid",
+      communityApiUrl: 'https://community.api.josa.dev/v2',
+      targetEnv: '',
+      buildCommitSha: '',
+      buildCommitLink: '',
+      buildNumber: '',
+      buildLink: '',
+      buildRepoLink: '',
+      buildTimestamp: '',
+      debug: '',
+      sessionCookieName: 'connect.sid',
+      matomoSiteId: 13,
+      matomoHost: 'https://analytics.josa.ngo',
     },
   },
   pwa: {

package-lock.json

@@ -20,6 +20,7 @@
   },
   "dependencies": {
     "@nuxt/vite-builder": "^3.7.3",
-    "@vuepic/vue-datepicker": "^4.0.1"
+    "@vuepic/vue-datepicker": "^4.0.1",
+    "vue-matomo": "^4.2.0"
   }
 }

package.json

@@ -0,0 +1,17 @@
+import { defineNuxtPlugin } from '#app'
+import VueMatomo from 'vue-matomo'
+
+export default defineNuxtPlugin((nuxtApp) => {
+  const config = useRuntimeConfig()
+  nuxtApp.vueApp.use(VueMatomo, {
+    host: config.public.matomoHost,
+    siteId: config.public.matomoSiteId,
+    // Enables automatically registering pageviews on the router
+    router: nuxtApp.$router,
+    enableLinkTracking: true,
+    requireConsent: false,
+    trackInitialView: true,
+    disableCookies: true,
+    requireCookieConsent: false,
+  })
+})