feat: track click to profiles and contact page

Bump nuxt-umami to v2.6.4

app.config.ts

@@ -3,6 +3,7 @@ export default defineAppConfig({
     host: 'https://stats.lamanufactu.re',
     id: '91e5f788-0a06-48d9-aaae-c7a06c2e13e2',
     ignoreLocalhost: true,
-    version: 2
+    version: 2,
+    useDirective: true
   }
 })

components/HeaderBar.vue

@@ -9,10 +9,10 @@ import logoSrc from '~/assets/logo.svg'
     </div>
     <div class="col-4 flex justify-content-end align-items-center">
       <NuxtLink to="/links" class="mx-2">Links</NuxtLink>
-      <a href="https://www.linkedin.com/in/thomas-lamant-9a28423b/" aria-label="LinkedIn profile" target="_blank"><i class="pi pi-linkedin mx-2" /></a>
-      <a href="https://instagram.com/tmlmt" aria-label="Instagram profile" target="_blank"><i class="pi pi-instagram mx-2" /></a>
-      <a href="https://github.com/tmlmt" aria-label="GitHub profile" target="_blank"><i class="pi pi-github mx-2" /></a>
-      <a href="https://blog.tmlmt.com/contact" aria-label="Send me a message" target="_blank"><i class="pi pi-envelope mx-2" /></a>
+      <a v-umami="'LinkedIn profile'" href="https://www.linkedin.com/in/thomas-lamant-9a28423b/" aria-label="LinkedIn profile" target="_blank"><i class="pi pi-linkedin mx-2" /></a>
+      <a v-umami="'Instagram profile'" href="https://instagram.com/tmlmt" aria-label="Instagram profile" target="_blank"><i class="pi pi-instagram mx-2" /></a>
+      <a v-umami="'Github profile'" href="https://github.com/tmlmt" aria-label="GitHub profile" target="_blank"><i class="pi pi-github mx-2" /></a>
+      <a v-umami="'Contact link'" href="https://blog.tmlmt.com/contact" aria-label="Send me a message" target="_blank"><i class="pi pi-envelope mx-2" /></a>
     </div>
   </div>
 </template>

package.json

@@ -29,7 +29,7 @@
     "vue-tsc": "2.0.29"
   },
   "dependencies": {
-    "nuxt-umami": "2.4.2",
+    "nuxt-umami": "2.6.4",
     "primeflex": "3.3.0",
     "primeicons": "6.0.1",
     "primevue": "3.29.1"