From 06a379ea9f775e2e9dd7be6e960ac6920d98816e Mon Sep 17 00:00:00 2001
From: zihanjian <zihanjian@bytedance.com>
Date: Mon, 26 May 2025 00:26:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E@vercel/analytics=E4=BE=9D?=
 =?UTF-8?q?=E8=B5=96=E5=B9=B6=E5=9C=A8=E5=B8=83=E5=B1=80=E4=B8=AD=E9=9B=86?=
 =?UTF-8?q?=E6=88=90=E5=88=86=E6=9E=90=E7=BB=84=E4=BB=B6=EF=BC=8C=E6=8F=90?=
 =?UTF-8?q?=E5=8D=87=E5=BA=94=E7=94=A8=E6=80=A7=E8=83=BD=E7=9B=91=E6=8E=A7?=
 =?UTF-8?q?=E8=83=BD=E5=8A=9B=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json  | 39 +++++++++++++++++++++++++++++++++++++++
 package.json       | 13 +++++++------
 src/app/layout.tsx |  2 ++
 3 files changed, 48 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2ed193f..04666cd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "name": "perler-beads",
       "version": "0.1.0",
       "dependencies": {
+        "@vercel/analytics": "^1.5.0",
         "next": "15.3.1",
         "react": "^19.0.0",
         "react-dom": "^19.0.0"
@@ -1692,6 +1693,44 @@
         "win32"
       ]
     },
+    "node_modules/@vercel/analytics": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-1.5.0.tgz",
+      "integrity": "sha512-MYsBzfPki4gthY5HnYN7jgInhAZ7Ac1cYDoRWFomwGHWEX7odTEzbtg9kf/QSo7XEsEAqlQugA6gJ2WS2DEa3g==",
+      "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/acorn": {
       "version": "8.14.1",
       "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.14.1.tgz",
diff --git a/package.json b/package.json
index eaeb72a..e1833bb 100644
--- a/package.json
+++ b/package.json
@@ -9,19 +9,20 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@vercel/analytics": "^1.5.0",
+    "next": "15.3.1",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "next": "15.3.1"
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "typescript": "^5",
+    "@eslint/eslintrc": "^3",
+    "@tailwindcss/postcss": "^4",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "@tailwindcss/postcss": "^4",
-    "tailwindcss": "^4",
     "eslint": "^9",
     "eslint-config-next": "15.3.1",
-    "@eslint/eslintrc": "^3"
+    "tailwindcss": "^4",
+    "typescript": "^5"
   }
 }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index cab19c0..5b34a11 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,5 +1,6 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
+import { Analytics } from "@vercel/analytics/next";
 import "./globals.css";
 
 const geistSans = Geist({
@@ -28,6 +29,7 @@ export default function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} antialiased overflow-x-hidden bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100`}
       >
         {children}
+        <Analytics />
       </body>
     </html>
   );