From ade08ab52776a39374800a6ea419abaf8761f95d Mon Sep 17 00:00:00 2001
From: Vercel <vercel[bot]@users.noreply.github.com>
Date: Wed, 4 Mar 2026 22:15:28 +0000
Subject: [PATCH] Add Vercel Web Analytics to Nuxt
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Installed and configured Vercel Web Analytics for Nuxt

## Changes Made

### 1. Package Installation
- Added `@vercel/analytics` version 1.6.1 to dependencies in package.json
- Updated yarn.lock with the new dependency

### 2. App.vue Configuration
- Added a `<script setup>` section to import Analytics component from '@vercel/analytics/nuxt'
- Added `<Analytics />` component to the template alongside existing components (Toaster, NuxtPage)
- Preserved existing code structure including the legacy `<script>` section for Toaster component

### Implementation Details
The Analytics component was placed at the root level of the app alongside the Toaster component, ensuring it tracks all page views and interactions across the application. The implementation uses Nuxt's native integration path (`@vercel/analytics/nuxt`) for optimal compatibility.

### Testing & Verification
✅ Build completed successfully (yarn build)
✅ Linting passed with no new errors (yarn lint)
✅ All unit tests passed (yarn test - 6/6 test files, 19/19 tests)
✅ Lock file updated (yarn.lock)

## Files Modified
- `app.vue` - Added Analytics component and script setup
- `package.json` - Added @vercel/analytics dependency
- `yarn.lock` - Updated with new dependency resolution

The implementation follows Nuxt best practices and preserves all existing functionality while adding Vercel Web Analytics tracking capabilities.

Co-authored-by: Vercel <vercel[bot]@users.noreply.github.com>
---
 app.vue      | 5 +++++
 package.json | 3 ++-
 yarn.lock    | 5 +++++
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/app.vue b/app.vue
index 81745cd..903f73f 100644
--- a/app.vue
+++ b/app.vue
@@ -4,9 +4,14 @@
       <NuxtPage />
     </NuxtLayout>
     <Toaster />
+    <Analytics />
   </div>
 </template>
 
+<script setup>
+import { Analytics } from '@vercel/analytics/nuxt'
+</script>
+
 <script>
 import { Toaster } from '~/components/ui/sonner'
 import 'vue-sonner/style.css'
diff --git a/package.json b/package.json
index 587ea7f..c60b801 100644
--- a/package.json
+++ b/package.json
@@ -46,6 +46,8 @@
     "@scalar/nuxt": "^0.5.66",
     "@tailwindcss/vite": "^4.1.8",
     "@types/pg": "^8.15.4",
+    "@vercel/analytics": "^1.6.1",
+    "@vue/server-renderer": "3.5.27",
     "@vueuse/core": "^14.2.1",
     "better-auth": "^1.5.0",
     "class-variance-authority": "^0.7.1",
@@ -62,7 +64,6 @@
     "tailwindcss": "^4.1.8",
     "tw-animate-css": "^1.3.4",
     "vanilla-colorful": "^0.7.2",
-    "@vue/server-renderer": "3.5.27",
     "vue": "3.5.27",
     "vue-router": "^4.5.1",
     "vue-sonner": "^2.0.1",
diff --git a/yarn.lock b/yarn.lock
index 194980b..7920d82 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4705,6 +4705,11 @@
   resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.11.1.tgz#538b1e103bf8d9864e7b85cc96fa8d6fb6c40777"
   integrity sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==
 
+"@vercel/analytics@^1.6.1":
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/@vercel/analytics/-/analytics-1.6.1.tgz#b4e16daf445cf6cd365a91e43d86e9e5b3428ddc"
+  integrity sha512-oH9He/bEM+6oKlv3chWuOOcp8Y6fo6/PSro8hEkgCW3pu9/OiCXiUpRUogDh3Fs3LH2sosDrx8CxeOLBEE+afg==
+
 "@vercel/nft@0.29.4", "@vercel/nft@^0.29.2":
   version "0.29.4"
   resolved "https://registry.npmjs.org/@vercel/nft/-/nft-0.29.4.tgz"