From 0cc6cf55e191daa62aa6eca7426e6e3f786cbe82 Mon Sep 17 00:00:00 2001
From: kyomi <me@kyomi.dev>
Date: Tue, 5 Mar 2024 16:06:59 -0300
Subject: [PATCH] feat(analytics): add some Vercel analytics on the code

---
 app.vue                     |  3 +++
 package.json                |  4 ++-
 plugins/analytics.client.ts |  5 ++++
 pnpm-lock.yaml              | 52 +++++++++++++++++++++++++++++++++++++
 4 files changed, 63 insertions(+), 1 deletion(-)
 create mode 100644 plugins/analytics.client.ts

diff --git a/app.vue b/app.vue
index 2f3a514..2b2be14 100644
--- a/app.vue
+++ b/app.vue
@@ -1,10 +1,13 @@
 <template>
   <NuxtLayout>
     <NuxtPage />
+    <SpeedInsights />
   </NuxtLayout>
 </template>
 
 <script setup lang="ts">
+import { SpeedInsights } from '@vercel/speed-insights/nuxt'
+
 useHead({
   titleTemplate: '%s | kyomi',
 })
diff --git a/package.json b/package.json
index 792da58..d4bdaa4 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "@bitterteriyaki/portfolio",
   "private": true,
   "type": "module",
-  "packageManager": "pnpm@8.15.3",
+  "packageManager": "pnpm@8.15.4",
   "scripts": {
     "build": "nuxt build",
     "coverage": "vitest run --coverage",
@@ -18,6 +18,8 @@
   },
   "dependencies": {
     "@nuxtjs/web-vitals": "^0.2.6",
+    "@vercel/analytics": "^1.2.2",
+    "@vercel/speed-insights": "^1.0.10",
     "nuxt": "^3.10.1",
     "vue": "^3.4.15",
     "vue-router": "^4.2.5"
diff --git a/plugins/analytics.client.ts b/plugins/analytics.client.ts
new file mode 100644
index 0000000..a4dbc37
--- /dev/null
+++ b/plugins/analytics.client.ts
@@ -0,0 +1,5 @@
+import { inject } from '@vercel/analytics';
+
+export default defineNuxtPlugin(() => {
+  inject();
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d98c970..ae6c364 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,6 +8,12 @@ dependencies:
   '@nuxtjs/web-vitals':
     specifier: ^0.2.6
     version: 0.2.6
+  '@vercel/analytics':
+    specifier: ^1.2.2
+    version: 1.2.2
+  '@vercel/speed-insights':
+    specifier: ^1.0.10
+    version: 1.0.10(vue-router@4.2.5)(vue@3.4.19)
   nuxt:
     specifier: ^3.10.1
     version: 3.10.1(@types/node@20.11.17)(eslint@8.56.0)(sass@1.71.0)(typescript@5.3.3)(vite@5.1.1)
@@ -2788,6 +2794,20 @@ packages:
       unhead: 1.8.10
       vue: 3.4.19(typescript@5.3.3)
 
+  /@vercel/analytics@1.2.2:
+    resolution: {integrity: sha512-X0rctVWkQV1e5Y300ehVNqpOfSOufo7ieA5PIdna8yX/U7Vjz0GFsGf4qvAhxV02uQ2CVt7GYcrFfddXXK2Y4A==}
+    peerDependencies:
+      next: '>= 13'
+      react: ^18 || ^19
+    peerDependenciesMeta:
+      next:
+        optional: true
+      react:
+        optional: true
+    dependencies:
+      server-only: 0.0.1
+    dev: false
+
   /@vercel/nft@0.24.4:
     resolution: {integrity: sha512-KjYAZty7boH5fi5udp6p+lNu6nawgs++pHW+3koErMgbRkkHuToGX/FwjN5clV1FcaM3udfd4zW/sUapkMgpZw==}
     engines: {node: '>=16'}
@@ -2807,6 +2827,34 @@ packages:
       - encoding
       - supports-color
 
+  /@vercel/speed-insights@1.0.10(vue-router@4.2.5)(vue@3.4.19):
+    resolution: {integrity: sha512-4uzdKB0RW6Ff2FkzshzjZ+RlJfLPxgm/00i0XXgxfMPhwnnsk92YgtqsxT9OcPLdJUyVU1DqFlSWWjIQMPkh0g==}
+    requiresBuild: true
+    peerDependencies:
+      '@sveltejs/kit': ^1 || ^2
+      next: '>= 13'
+      react: ^18 || ^19
+      svelte: ^4
+      vue: ^3
+      vue-router: ^4
+    peerDependenciesMeta:
+      '@sveltejs/kit':
+        optional: true
+      next:
+        optional: true
+      react:
+        optional: true
+      svelte:
+        optional: true
+      vue:
+        optional: true
+      vue-router:
+        optional: true
+    dependencies:
+      vue: 3.4.19(typescript@5.3.3)
+      vue-router: 4.2.5(vue@3.4.19)
+    dev: false
+
   /@vitejs/plugin-vue-jsx@3.1.0(vite@5.0.12)(vue@3.4.19):
     resolution: {integrity: sha512-w9M6F3LSEU5kszVb9An2/MmXNxocAnUb3WhRr8bHlimhDrXNt6n6D2nJQR3UXpGlZHh/EsgouOHCsM8V3Ln+WA==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -8496,6 +8544,10 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
+  /server-only@0.0.1:
+    resolution: {integrity: sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA==}
+    dev: false
+
   /set-blocking@2.0.0:
     resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}