Vercel Analytics

bun.lock

@@ -5,6 +5,7 @@
       "name": "ecsess-website",
       "dependencies": {
         "@sanity/client": "^7.5.0",
+        "@vercel/analytics": "^1.5.0",
       },
       "devDependencies": {
         "@portabletext/svelte": "^3.0.0",
@@ -204,6 +205,8 @@
 
     "@types/node": ["@types/node@24.0.15", "", { "dependencies": { "undici-types": "~7.8.0" } }, "sha512-oaeTSbCef7U/z7rDeJA138xpG3NuKc64/rZ2qmUFkFJmnMsAPaluIifqyWd8hSSMxyP9oie3dLAqYPblag9KgA=="],
 
+    "@vercel/analytics": ["@vercel/analytics@1.5.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" }, "optionalPeers": ["@remix-run/react", "@sveltejs/kit", "next", "react", "svelte", "vue", "vue-router"] }, "sha512-MYsBzfPki4gthY5HnYN7jgInhAZ7Ac1cYDoRWFomwGHWEX7odTEzbtg9kf/QSo7XEsEAqlQugA6gJ2WS2DEa3g=="],
+
     "@zag-js/accordion": ["@zag-js/accordion@1.18.4", "", { "dependencies": { "@zag-js/anatomy": "1.18.4", "@zag-js/core": "1.18.4", "@zag-js/dom-query": "1.18.4", "@zag-js/types": "1.18.4", "@zag-js/utils": "1.18.4" } }, "sha512-lwLq38eSJs6zC9HfmvPxK3LbWSjJJm8Lg+yu8jYHOQlMwWymJAXM2yaLGVqz2HBDwv4jJCqUQ+sYFPEpuITfTw=="],
 
     "@zag-js/anatomy": ["@zag-js/anatomy@1.18.4", "", {}, "sha512-t1vWjWOnjmslHCpDx7wQTHTuT7DRs4H3rqvL2Mq+uLKMzbkLfjBMBVU70L23WdRKkdhCML5lzoH+EXcEn2PQ1g=="],

package.json

@@ -31,6 +31,7 @@
 	"private": true,
 	"type": "module",
 	"dependencies": {
-		"@sanity/client": "^7.5.0"
+		"@sanity/client": "^7.5.0",
+		"@vercel/analytics": "^1.5.0"
 	}
 }

src/routes/+layout.svelte

@@ -1,8 +1,10 @@
 <script>
-    import '../app.css';
+	import '../app.css';
 	import Navbar from 'components/NavBar.svelte';
 	import Footer from 'components/Footer.svelte';
+	import { injectAnalytics } from '@vercel/analytics/sveltekit';
 
+	injectAnalytics({ mode: 'auto' });
 	let { children } = $props();
 </script>