LukeParke/LukeHagar.com
1
0
Fork 0
mirror of https://github.com/LukeHagar/LukeHagar.com.git synced 2025-12-06 04:20:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Vitals one day?

Browse Source
This commit is contained in:
luke-hagar-sp
2022-12-17 21:48:51 -06:00
parent 9c693bb2e7
commit bbef870e1f
5 changed files with 367 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/routes/+layout.svelte
View File

@@ -1,39 +1,35 @@
<script>
import "$lib/theme-luke.css";
import "@skeletonlabs/skeleton/styles/all.css";
import "../app.postcss";
import { AppShell } from "@skeletonlabs/skeleton";
import Header from "$lib/Header.svelte";
import { inject } from "@vercel/analytics";
import { env as dynamicEnv } from "$env/dynamic/public";
import { browser } from "$app/environment";
import { webVitals } from "$lib/vitals";
import { page } from "$app/stores";
<script lang="ts">
import type { PageData } from './$types';
import '$lib/theme-luke.css';
import '@skeletonlabs/skeleton/styles/all.css';
import '../app.postcss';
import { AppShell } from '@skeletonlabs/skeleton';
import Header from '$lib/Header.svelte';
import { inject } from '@vercel/analytics';
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(import.meta.env.VITE_VERCEL_ANALYTICS_ID);
export let data: PageData;
console.log(data);
inject();
inject();
let analyticsId = import.meta.env.VERCEL_ANALYTICS_ID;
$: if (browser && analyticsId) {
webVitals({
path: $page.url.pathname,
params: $page.params,
analyticsId,
});
}
// $: if (browser && analyticsId) {
// webVitals({
// path: $page.url.pathname,
// params: $page.params,
// analyticsId,
// });
// }
</script>
<!-- App Shell -->
<AppShell slotSidebarLeft="bg-surface-500/5 w-56 p-4">
<svelte:fragment slot="header">
<!-- App Bar -->
<Header />
</svelte:fragment>
<!-- Page Route Content -->
<slot />
<svelte:fragment slot="header">
<!-- App Bar -->
<Header />
</svelte:fragment>
<!-- Page Route Content -->
<slot />
</AppShell>