mirror of
https://github.com/LukeHagar/LukeHagar.com.git
synced 2025-12-06 04:20:17 +00:00
Update +layout.svelte
This commit is contained in:
@@ -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({
|
||||||
|
|||||||
Reference in New Issue
Block a user