From 43720f3d2eae73c9f13cf86cc0e91c4e77381d01 Mon Sep 17 00:00:00 2001
From: Ayan Alam <ayanalamxnaruto@gmail.com>
Date: Wed, 16 Sep 2026 16:02:48 +0530
Subject: [PATCH] feat: add Vercel Web Analytics

Mounts the <Analytics /> component alongside <App />. Vercel injects the
script only on its own deployments, so local dev and any other host are
unaffected.

Web Analytics still has to be switched on in the Vercel dashboard
(Project > Analytics); until then this is inert.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 package-lock.json | 39 +++++++++++++++++++++++++++++++++++++++
 package.json      |  1 +
 src/main.tsx      |  2 ++
 3 files changed, 42 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 8b35f3b..3a6f705 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.1.0",
       "license": "MIT",
       "dependencies": {
+        "@vercel/analytics": "^1.6.1",
         "canvas-confetti": "^1.9.4",
         "jspdf": "^4.2.1",
         "lucide-react": "^0.546.0",
@@ -2114,6 +2115,44 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/@vercel/analytics": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-1.6.1.tgz",
+      "integrity": "sha512-oH9He/bEM+6oKlv3chWuOOcp8Y6fo6/PSro8hEkgCW3pu9/OiCXiUpRUogDh3Fs3LH2sosDrx8CxeOLBEE+afg==",
+      "license": "MPL-2.0",
+      "peerDependencies": {
+        "@remix-run/react": "^2",
+        "@sveltejs/kit": "^1 || ^2",
+        "next": ">= 13",
+        "react": "^18 || ^19 || ^19.0.0-rc",
+        "svelte": ">= 4",
+        "vue": "^3",
+        "vue-router": "^4"
+      },
+      "peerDependenciesMeta": {
+        "@remix-run/react": {
+          "optional": true
+        },
+        "@sveltejs/kit": {
+          "optional": true
+        },
+        "next": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "svelte": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        },
+        "vue-router": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@vitejs/plugin-react": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-5.2.0.tgz",
diff --git a/package.json b/package.json
index 02217a4..c563eae 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "format:check": "prettier --check ."
   },
   "dependencies": {
+    "@vercel/analytics": "^1.6.1",
     "canvas-confetti": "^1.9.4",
     "jspdf": "^4.2.1",
     "lucide-react": "^0.546.0",
diff --git a/src/main.tsx b/src/main.tsx
index ea9e363..8f7843e 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,10 +1,12 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
+import { Analytics } from '@vercel/analytics/react';
 import App from './App.tsx';
 import './index.css';
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <App />
+    <Analytics />
   </StrictMode>
 );