Adding vercel analytics

Author: withoutwax

app/layout.js

@@ -2,6 +2,7 @@ import { Inter } from "next/font/google";
 import "./globals.css";
 import { GameContextWrapper } from "@/components/GameContextWrapper";
 import { GoogleAnalytics } from "@next/third-parties/google";
+import { Analytics } from "@vercel/analytics/react";
 
 const GOOGLE_ANALYTICS_ID = process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID;
 const inter = Inter({ subsets: ["latin"] });
@@ -20,6 +21,7 @@ export default function RootLayout({ children }) {
         <GameContextWrapper>
           <div className="max-w-lg mx-auto">{children}</div>
         </GameContextWrapper>
+        <Analytics />
       </body>
       <GoogleAnalytics gaId={GOOGLE_ANALYTICS_ID} />
     </html>

package-lock.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@next/third-parties": "^14.1.0",
+    "@vercel/analytics": "^1.4.1",
     "next": "14.1.0",
     "react": "^18",
     "react-dom": "^18"
@@ -18,8 +19,8 @@
     "autoprefixer": "^10.0.1",
     "eslint": "^8",
     "eslint-config-next": "14.1.0",
+    "firebase": "^10.8.0",
     "postcss": "^8",
-    "tailwindcss": "^3.3.0",
-    "firebase": "^10.8.0"
+    "tailwindcss": "^3.3.0"
   }
 }