From 3dffb0ffe7875d15feeb64a4989d2768a6319e3f Mon Sep 17 00:00:00 2001
From: luke-hagar-sp <98849695+luke-hagar-sp@users.noreply.github.com>
Date: Sat, 17 Dec 2022 21:37:32 -0600
Subject: [PATCH] Update +layout.svelte

---
 src/routes/+layout.svelte | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 0476aba..06833ab 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -7,12 +7,24 @@
   import Header from "$lib/Header.svelte";
   import { inject } from "@vercel/analytics";
   import { env as dynamicEnv } from "$env/dynamic/public";
-  // import { PUBLIC_BASE_URL } from "$env/static/public";
+  import { browser } from "$app/environment";
+  import { webVitals } from "$lib/vitals";
+  import { page } from "$app/stores";
   console.log(import.meta.env.VERCEL_ANALYTICS_ID);
   console.log(dynamicEnv);
   console.log(import.meta.env);
-  // console.log(staticenv);
+
   inject();
+
+  let analyticsId = import.meta.env.VERCEL_ANALYTICS_ID;
+
+  $: if (browser && analyticsId) {
+    webVitals({
+      path: $page.url.pathname,
+      params: $page.params,
+      analyticsId,
+    });
+  }
 </script>
 
 <!-- App Shell -->