Merge pull request #8 from bitterteriyaki/feature/analytics

[feature request] Add some Vercel analytics on the code

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',
 })

package.json

@@ -2,7 +2,7 @@
   "name": "@bitterteriyaki/portfolio",
   "private": true,
   "type": "module",
-  "packageManager": "[email protected].3",
+  "packageManager": "[email protected].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"

plugins/analytics.client.ts

@@ -0,0 +1,5 @@
+import { inject } from '@vercel/analytics';
+
+export default defineNuxtPlugin(() => {
+  inject();
+});