Merge pull request #76 from bartvdbraak/feat/web-vitals

Add Vercel Web Analytics

package.json

@@ -37,6 +37,7 @@
 		"@threlte/core": "6.0.0-next.11",
 		"@threlte/extras": "5.0.0-next.16",
 		"@types/three": "^0.154.0",
+		"@vercel/analytics": "^1.0.1",
 		"three": "^0.155.0",
 		"web-vitals": "^3.4.0"
 	}

pnpm-lock.yaml

@@ -14,6 +14,9 @@ dependencies:
   '@types/three':
     specifier: ^0.154.0
     version: 0.154.0
+  '@vercel/analytics':
+    specifier: ^1.0.1
+    version: 1.0.1
   three:
     specifier: ^0.155.0
     version: 0.155.0
@@ -681,6 +684,10 @@ packages:
       eslint-visitor-keys: 3.4.1
     dev: true
 
+  /@vercel/analytics@1.0.1:
+    resolution: {integrity: sha512-Ux0c9qUfkcPqng3vrR0GTrlQdqNJ2JREn/2ydrVuKwM3RtMfF2mWX31Ijqo1opSjNAq6rK76PwtANw6kl6TAow==}
+    dev: false
+
   /acorn-jsx@5.3.2(acorn@8.10.0):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:

src/routes/+layout.svelte

@@ -7,6 +7,11 @@
 	import Navigation from '../lib/components/Navigation.svelte';
 	import Header from '$lib/components/Header.svelte';
 
+	import { dev } from '$app/environment';
+	import { inject } from '@vercel/analytics';
+
+	inject({ mode: dev ? 'development' : 'production' });
+
 	import { webVitals } from '$lib/vitals';
 	import { browser } from '$app/environment';
 	import { page } from '$app/stores';