Update +layout.svelte

This commit is contained in:
Luke Hagar
2023-10-30 15:08:41 -05:00
parent 26a1ebdef0
commit f92e2094af

View File

@@ -3,17 +3,29 @@
import '@skeletonlabs/skeleton/styles/skeleton.css'; import '@skeletonlabs/skeleton/styles/skeleton.css';
import '../app.postcss'; import '../app.postcss';
// Import the Analytics package, and the SvelteKit dev variable. // Import the Analytics package, and the SvelteKit dev variable.
import { dev } from '$app/environment'; import { browser, dev } from '$app/environment';
import { inject } from '@vercel/analytics'; import { inject } from '@vercel/analytics';
import Particles from 'svelte-particles'; import Particles from 'svelte-particles';
import { loadFull } from 'tsparticles'; import { loadFull } from 'tsparticles';
import { webVitals } from '$lib/vitals';
import Atropos from 'atropos'; import Atropos from 'atropos';
import 'atropos/css'; import 'atropos/css';
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { page } from '$app/stores';
let div: HTMLDivElement; let div: HTMLDivElement;
let analyticsId = import.meta.env.VERCEL_ANALYTICS_ID;
$: if (browser && analyticsId) {
webVitals({
path: $page.url.pathname,
params: $page.params,
analyticsId
});
}
onMount(() => { onMount(() => {
// Initialize // Initialize
Atropos({ Atropos({