From 0c43f3cdfe1707002894c353e266e7515d111a78 Mon Sep 17 00:00:00 2001
From: Luke Hagar <lukeslakemail@gmail.com>
Date: Tue, 2 Jan 2024 22:21:07 -0600
Subject: [PATCH] Update +layout.svelte

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

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 15c8fe8..a8f9f59 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,9 +2,19 @@
 	import '$lib/theme-luke.css';
 	import '../app.postcss';
 
-	import Particles, { particlesInit } from '@tsparticles/svelte';
+	import { onMount } from 'svelte';
+
+	import { particlesInit } from '@tsparticles/svelte';
 	import { loadFull } from 'tsparticles';
 
+	let ParticlesComponent;
+
+	onMount(async () => {
+		const module = await import('@tsparticles/svelte');
+
+		ParticlesComponent = module.default;
+	});
+
 	const particlesConfig = {
 		particles: {
 			color: {
@@ -33,6 +43,6 @@
 	});
 </script>
 
-<Particles id="tsparticles" options={particlesConfig} />
+<svelte:component this={ParticlesComponent} id="tsparticles" options={particlesConfig} />
 <!-- Page Route Content -->
 <slot />