From 68eef2fa6fdc8f380878ffbec0955dd5c0287705 Mon Sep 17 00:00:00 2001
From: Bart van der Braak <bartvdbraak@gmail.com>
Date: Mon, 20 Nov 2023 16:20:55 +0100
Subject: [PATCH 1/4] feat: update to node 20

---
 .github/workflows/unlighthouse.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/unlighthouse.yaml b/.github/workflows/unlighthouse.yaml
index 372762b..e853ecb 100644
--- a/.github/workflows/unlighthouse.yaml
+++ b/.github/workflows/unlighthouse.yaml
@@ -17,7 +17,7 @@ jobs:
       CLOUDFLARE_PROJECT: hellobart-unlighthouse
     strategy:
       matrix:
-        node-version: [18]
+        node-version: [20]
     steps:
       - name: Create initial comment
         uses: marocchino/sticky-pull-request-comment@v2.8.0

From 92b2d830e5d7ce30e9d481643abf6380c84bb17b Mon Sep 17 00:00:00 2001
From: Bart van der Braak <bartvdbraak@gmail.com>
Date: Mon, 20 Nov 2023 16:21:27 +0100
Subject: [PATCH 2/4] refactor: simplify structures and props

---
 src/routes/+page.svelte                 |   4 +-
 src/routes/projects/ProjectCard.svelte  |   5 +-
 src/routes/projects/projects-assets.ts  |  19 ----
 src/routes/projects/projects-cards.ts   |  18 ++--
 src/routes/timeline/TimelineItem.svelte |   9 +-
 src/routes/toolbox/+page.svelte         |  10 +-
 src/routes/toolbox/tools-assets.ts      |  99 ------------------
 src/routes/toolbox/tools-cards.ts       | 131 ++++++++++++++++--------
 8 files changed, 108 insertions(+), 187 deletions(-)
 delete mode 100644 src/routes/projects/projects-assets.ts
 delete mode 100644 src/routes/toolbox/tools-assets.ts

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 682da18..584a2b4 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -17,8 +17,8 @@
 
 	<div class="grid gap-8 md:grid-cols-2 lg:gap-12">
 		<div class="relative">
-			<div class="absolute inset-0 bg-gradient-to-tr from-blue-500 to-transparent bg-repeat"></div>
-			<div class="h-64 overflow-hidden rounded-lg bg-gray-100 shadow-lg md:h-auto sticky top-10">
+			<div class="absolute inset-0 bg-repeat"></div>
+			<div class="h-64 overflow-hidden rounded-lg shadow-lg md:h-auto sticky top-10">
 				<enhanced:img
 					src={bartvdbraakImage}
 					alt="Bart van der Braak with a noire effect"
diff --git a/src/routes/projects/ProjectCard.svelte b/src/routes/projects/ProjectCard.svelte
index f4715e1..419ae8e 100644
--- a/src/routes/projects/ProjectCard.svelte
+++ b/src/routes/projects/ProjectCard.svelte
@@ -20,10 +20,11 @@
 			src={headerImage}
 			class="bg-black/50 w-full aspect-[21/9] object-cover object-top"
 			alt={headerSubTitle}
+			loading="lazy"
 		/>
 	</header>
 	<div class="p-4 space-y-4">
-		<header class="h6">{headerSubTitle}</header>
+		<header class="h6 opacity-50">{headerSubTitle}</header>
 		<span class="h3" data-toc-ignore>{title}</span>
 		<article>
 			<p>
@@ -33,8 +34,8 @@
 	</div>
 	<hr class="opacity-50" />
 	<footer class="p-4 flex justify-start items-center space-x-4">
-		<Avatar src={logo} width="w-8" />
 		<div class="flex-auto flex justify-between items-center">
+			<Avatar src={logo} width="w-8" />
 			{#each contributors as contributor}
 				<Avatar src={contributor.imageSrc} width="w-8" />
 			{/each}
diff --git a/src/routes/projects/projects-assets.ts b/src/routes/projects/projects-assets.ts
deleted file mode 100644
index 9284476..0000000
--- a/src/routes/projects/projects-assets.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import videowallImage from '$lib/assets/projects/videowall.jpg?enhanced';
-import videowallLogo from '$lib/assets/projects/videowall-logo.png';
-import ticketDashboardImage from '$lib/assets/projects/ticketdashboard.png?enhanced';
-import ticketDashboardLogo from '$lib/assets/projects/triple-logo.png';
-import zaantjeImage from '$lib/assets/projects/zaantje.png?enhanced';
-import zaantjeLogo from '$lib/assets/projects/zaantje-logo.png';
-import keyweaveImage from '$lib/assets/projects/keyweave-terminal.jpg?enhanced';
-import keyweaveLogo from '$lib/assets/projects/keyweave-logo.png';
-
-export {
-	videowallImage,
-	videowallLogo,
-	ticketDashboardImage,
-	ticketDashboardLogo,
-	zaantjeImage,
-	zaantjeLogo,
-	keyweaveImage,
-	keyweaveLogo
-};
diff --git a/src/routes/projects/projects-cards.ts b/src/routes/projects/projects-cards.ts
index cf549f3..785d78b 100644
--- a/src/routes/projects/projects-cards.ts
+++ b/src/routes/projects/projects-cards.ts
@@ -1,13 +1,11 @@
-import {
-	ticketDashboardImage,
-	ticketDashboardLogo,
-	videowallImage,
-	videowallLogo,
-	zaantjeImage,
-	zaantjeLogo,
-	keyweaveImage,
-	keyweaveLogo
-} from './projects-assets';
+import videowallImage from '$lib/assets/projects/videowall.jpg?enhanced';
+import videowallLogo from '$lib/assets/projects/videowall-logo.png';
+import ticketDashboardImage from '$lib/assets/projects/ticketdashboard.png?enhanced';
+import ticketDashboardLogo from '$lib/assets/projects/triple-logo.png';
+import zaantjeImage from '$lib/assets/projects/zaantje.png?enhanced';
+import zaantjeLogo from '$lib/assets/projects/zaantje-logo.png';
+import keyweaveImage from '$lib/assets/projects/keyweave-terminal.jpg?enhanced';
+import keyweaveLogo from '$lib/assets/projects/keyweave-logo.png';
 
 interface Contributor {
 	name: string;
diff --git a/src/routes/timeline/TimelineItem.svelte b/src/routes/timeline/TimelineItem.svelte
index e2e9d01..fefd5b6 100644
--- a/src/routes/timeline/TimelineItem.svelte
+++ b/src/routes/timeline/TimelineItem.svelte
@@ -1,15 +1,12 @@
 <script lang="ts">
-	import type { TimelineItem } from './timeline-items';
-
-	export let title: TimelineItem['title'];
-	export let description: TimelineItem['description'];
-	export let date: TimelineItem['date'];
+	export let title: string;
+	export let description: string;
+	export let date: string;
 </script>
 
 <div
 	class="relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active"
 >
-	<!-- Icon -->
 	<div
 		class="flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 group-[.is-active]:bg-emerald-500 text-slate-500 group-[.is-active]:text-emerald-50 shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2"
 	>
diff --git a/src/routes/toolbox/+page.svelte b/src/routes/toolbox/+page.svelte
index 8a38042..48719c8 100644
--- a/src/routes/toolbox/+page.svelte
+++ b/src/routes/toolbox/+page.svelte
@@ -36,15 +36,9 @@
 	</div>
 
 	<ul class="columns-1 md:columns-2 lg:columns-3 gap-6 w-full mb-12">
-		{#each tools as tool}
+		{#each tools as { name, title, description, logo, toolUrl }}
 			<li>
-				<ToolCard
-					name={tool.name}
-					title={tool.title}
-					description={tool.description}
-					logo={tool.logo}
-					toolUrl={tool.toolUrl}
-				/>
+				<ToolCard {name} {title} {description} {logo} {toolUrl} />
 			</li>
 		{/each}
 	</ul>
diff --git a/src/routes/toolbox/tools-assets.ts b/src/routes/toolbox/tools-assets.ts
deleted file mode 100644
index f24ad5a..0000000
--- a/src/routes/toolbox/tools-assets.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import GitHubLogo from '$lib/assets/tools/github.svg';
-import OverleafLogo from '$lib/assets/tools/overleaf.svg';
-import ArgoCDLogo from '$lib/assets/tools/argocd.svg';
-import Studio3TLogo from '$lib/assets/tools/studio3t.svg';
-import WarpLogo from '$lib/assets/tools/warp.svg';
-import K9sLogo from '$lib/assets/tools/k9s.png';
-import FigmaLogo from '$lib/assets/tools/figma.svg';
-import AzureCLILogo from '$lib/assets/tools/azure-cli.svg';
-import KeystoreExplorer from '$lib/assets/tools/keystore-exporer.png';
-import TogglTrackLogo from '$lib/assets/tools/toggl-track.svg';
-import HelmLogo from '$lib/assets/tools/helm.svg';
-import RoyalTSXLogo from '$lib/assets/tools/royal-tsx.png';
-import PoetryLogo from '$lib/assets/tools/poetry.svg';
-import MaccyLogo from '$lib/assets/tools/maccy.png';
-import BalenaEtcherLogo from '$lib/assets/tools/balena-etcher.svg';
-import SendGridLogo from '$lib/assets/tools/sendgrid.svg';
-import InsomniaLogo from '$lib/assets/tools/insomnia.svg';
-import BlenderLogo from '$lib/assets/tools/blender.svg';
-import BitwardenLogo from '$lib/assets/tools/bitwarden.svg';
-import AzureDataStudioLogo from '$lib/assets/tools/azure-data-studio.png';
-import WiresharkLogo from '$lib/assets/tools/wireshark.png';
-import RectangleLogo from '$lib/assets/tools/rectangle.png';
-import PyCharmLogo from '$lib/assets/tools/pycharm.svg';
-import DockerLogo from '$lib/assets/tools/docker.webp';
-import CyberduckLogo from '$lib/assets/tools/cyberduck.png';
-import MullvadVPNLogo from '$lib/assets/tools/mullvad-vpn.svg';
-import JqLogo from '$lib/assets/tools/jq.svg';
-import AkamaiLogo from '$lib/assets/tools/akamai.svg';
-import CloudFlareLogo from '$lib/assets/tools/cloudflare.svg';
-import VisualStudioCodeLogo from '$lib/assets/tools/visual-studio-code.svg';
-import OpsGenieLogo from '$lib/assets/tools/opsgenie.svg';
-import VimLogo from '$lib/assets/tools/vim.svg';
-import NotionLogo from '$lib/assets/tools/notion.svg';
-import NvmLogo from '$lib/assets/tools/nvm.svg';
-import GIMPLogo from '$lib/assets/tools/gimp.svg';
-import AzureStorageExplorerLogo from '$lib/assets/tools/azure-storage-explorer.svg';
-import MeldLogo from '$lib/assets/tools/meld.svg';
-import KarabinerElementsLogo from '$lib/assets/tools/karabiner-elements.png';
-import KustomizeLogo from '$lib/assets/tools/kustomize.svg';
-import InkScapeLogo from '$lib/assets/tools/inkscape.svg';
-import OBSLogo from '$lib/assets/tools/obs.svg';
-import WireGuardLogo from '$lib/assets/tools/wireguard.svg';
-import SwitchHostsLogo from '$lib/assets/tools/switchhosts.svg';
-import SlackLogo from '$lib/assets/tools/slack.svg';
-import NmapLogo from '$lib/assets/tools/nmap.svg';
-import DBeaverLogo from '$lib/assets/tools/dbeaver.svg';
-import OpenTofuLogo from '$lib/assets/tools/opentofu.svg';
-import GitLensLogo from '$lib/assets/tools/gitlens.png';
-
-export {
-	GitHubLogo,
-	OverleafLogo,
-	ArgoCDLogo,
-	Studio3TLogo,
-	WarpLogo,
-	K9sLogo,
-	FigmaLogo,
-	AzureCLILogo,
-	KeystoreExplorer,
-	TogglTrackLogo,
-	HelmLogo,
-	RoyalTSXLogo,
-	PoetryLogo,
-	MaccyLogo,
-	BalenaEtcherLogo,
-	SendGridLogo,
-	InsomniaLogo,
-	BlenderLogo,
-	BitwardenLogo,
-	AzureDataStudioLogo,
-	RectangleLogo,
-	PyCharmLogo,
-	DockerLogo,
-	CyberduckLogo,
-	MullvadVPNLogo,
-	JqLogo,
-	AkamaiLogo,
-	CloudFlareLogo,
-	VisualStudioCodeLogo,
-	OpsGenieLogo,
-	VimLogo,
-	NotionLogo,
-	NvmLogo,
-	GIMPLogo,
-	AzureStorageExplorerLogo,
-	MeldLogo,
-	KarabinerElementsLogo,
-	KustomizeLogo,
-	InkScapeLogo,
-	OBSLogo,
-	WireGuardLogo,
-	SwitchHostsLogo,
-	WiresharkLogo,
-	SlackLogo,
-	NmapLogo,
-	DBeaverLogo,
-	OpenTofuLogo,
-	GitLensLogo
-};
diff --git a/src/routes/toolbox/tools-cards.ts b/src/routes/toolbox/tools-cards.ts
index 29e401e..210b70e 100644
--- a/src/routes/toolbox/tools-cards.ts
+++ b/src/routes/toolbox/tools-cards.ts
@@ -1,53 +1,102 @@
-import {
-	AkamaiLogo,
-	ArgoCDLogo,
-	AzureCLILogo,
-	AzureDataStudioLogo,
-	AzureStorageExplorerLogo,
-	BalenaEtcherLogo,
-	BitwardenLogo,
-	BlenderLogo,
-	CloudFlareLogo,
-	CyberduckLogo,
-	DBeaverLogo,
-	DockerLogo,
-	FigmaLogo,
-	GIMPLogo,
+import GitHubLogo from '$lib/assets/tools/github.svg';
+import OverleafLogo from '$lib/assets/tools/overleaf.svg';
+import ArgoCDLogo from '$lib/assets/tools/argocd.svg';
+import Studio3TLogo from '$lib/assets/tools/studio3t.svg';
+import WarpLogo from '$lib/assets/tools/warp.svg';
+import K9sLogo from '$lib/assets/tools/k9s.png';
+import FigmaLogo from '$lib/assets/tools/figma.svg';
+import AzureCLILogo from '$lib/assets/tools/azure-cli.svg';
+import KeystoreExplorer from '$lib/assets/tools/keystore-exporer.png';
+import TogglTrackLogo from '$lib/assets/tools/toggl-track.svg';
+import HelmLogo from '$lib/assets/tools/helm.svg';
+import RoyalTSXLogo from '$lib/assets/tools/royal-tsx.png';
+import PoetryLogo from '$lib/assets/tools/poetry.svg';
+import MaccyLogo from '$lib/assets/tools/maccy.png';
+import BalenaEtcherLogo from '$lib/assets/tools/balena-etcher.svg';
+import SendGridLogo from '$lib/assets/tools/sendgrid.svg';
+import InsomniaLogo from '$lib/assets/tools/insomnia.svg';
+import BlenderLogo from '$lib/assets/tools/blender.svg';
+import BitwardenLogo from '$lib/assets/tools/bitwarden.svg';
+import AzureDataStudioLogo from '$lib/assets/tools/azure-data-studio.png';
+import WiresharkLogo from '$lib/assets/tools/wireshark.png';
+import RectangleLogo from '$lib/assets/tools/rectangle.png';
+import PyCharmLogo from '$lib/assets/tools/pycharm.svg';
+import DockerLogo from '$lib/assets/tools/docker.webp';
+import CyberduckLogo from '$lib/assets/tools/cyberduck.png';
+import MullvadVPNLogo from '$lib/assets/tools/mullvad-vpn.svg';
+import JqLogo from '$lib/assets/tools/jq.svg';
+import AkamaiLogo from '$lib/assets/tools/akamai.svg';
+import CloudFlareLogo from '$lib/assets/tools/cloudflare.svg';
+import VisualStudioCodeLogo from '$lib/assets/tools/visual-studio-code.svg';
+import OpsGenieLogo from '$lib/assets/tools/opsgenie.svg';
+import VimLogo from '$lib/assets/tools/vim.svg';
+import NotionLogo from '$lib/assets/tools/notion.svg';
+import NvmLogo from '$lib/assets/tools/nvm.svg';
+import GIMPLogo from '$lib/assets/tools/gimp.svg';
+import AzureStorageExplorerLogo from '$lib/assets/tools/azure-storage-explorer.svg';
+import MeldLogo from '$lib/assets/tools/meld.svg';
+import KarabinerElementsLogo from '$lib/assets/tools/karabiner-elements.png';
+import KustomizeLogo from '$lib/assets/tools/kustomize.svg';
+import InkScapeLogo from '$lib/assets/tools/inkscape.svg';
+import OBSLogo from '$lib/assets/tools/obs.svg';
+import WireGuardLogo from '$lib/assets/tools/wireguard.svg';
+import SwitchHostsLogo from '$lib/assets/tools/switchhosts.svg';
+import SlackLogo from '$lib/assets/tools/slack.svg';
+import NmapLogo from '$lib/assets/tools/nmap.svg';
+import DBeaverLogo from '$lib/assets/tools/dbeaver.svg';
+import OpenTofuLogo from '$lib/assets/tools/opentofu.svg';
+import GitLensLogo from '$lib/assets/tools/gitlens.png';
+
+export {
 	GitHubLogo,
-	GitLensLogo,
-	HelmLogo,
-	InkScapeLogo,
-	InsomniaLogo,
-	JqLogo,
+	OverleafLogo,
+	ArgoCDLogo,
+	Studio3TLogo,
+	WarpLogo,
 	K9sLogo,
-	KarabinerElementsLogo,
+	FigmaLogo,
+	AzureCLILogo,
 	KeystoreExplorer,
-	KustomizeLogo,
+	TogglTrackLogo,
+	HelmLogo,
+	RoyalTSXLogo,
+	PoetryLogo,
 	MaccyLogo,
-	MeldLogo,
+	BalenaEtcherLogo,
+	SendGridLogo,
+	InsomniaLogo,
+	BlenderLogo,
+	BitwardenLogo,
+	AzureDataStudioLogo,
+	RectangleLogo,
+	PyCharmLogo,
+	DockerLogo,
+	CyberduckLogo,
 	MullvadVPNLogo,
-	NmapLogo,
+	JqLogo,
+	AkamaiLogo,
+	CloudFlareLogo,
+	VisualStudioCodeLogo,
+	OpsGenieLogo,
+	VimLogo,
 	NotionLogo,
 	NvmLogo,
+	GIMPLogo,
+	AzureStorageExplorerLogo,
+	MeldLogo,
+	KarabinerElementsLogo,
+	KustomizeLogo,
+	InkScapeLogo,
 	OBSLogo,
-	OpsGenieLogo,
-	OverleafLogo,
-	PoetryLogo,
-	PyCharmLogo,
-	RectangleLogo,
-	RoyalTSXLogo,
-	SendGridLogo,
-	SlackLogo,
-	Studio3TLogo,
-	SwitchHostsLogo,
-	OpenTofuLogo,
-	TogglTrackLogo,
-	VimLogo,
-	VisualStudioCodeLogo,
-	WarpLogo,
 	WireGuardLogo,
-	WiresharkLogo
-} from './tools-assets';
+	SwitchHostsLogo,
+	WiresharkLogo,
+	SlackLogo,
+	NmapLogo,
+	DBeaverLogo,
+	OpenTofuLogo,
+	GitLensLogo
+};
 
 export interface Tool {
 	name: string;

From c9c88ef2d0f2103a5cb50b16bfad4364ffe7e934 Mon Sep 17 00:00:00 2001
From: Bart van der Braak <bartvdbraak@gmail.com>
Date: Mon, 20 Nov 2023 17:12:51 +0100
Subject: [PATCH 3/4] fix: add svelte kit sync and check to prepare

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d30a213..c5274d3 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "prettier --check . && eslint .",
 		"format": "prettier --write .",
-		"prepare": "npx husky install"
+		"prepare": "npx husky install && svelte-kit sync && svelte-check --tsconfig ./tsconfig.json"
 	},
 	"devDependencies": {
 		"@skeletonlabs/skeleton": "^2.5.0",

From 243b91bd38d8f175cb98ec40a4bfed71ed984ad3 Mon Sep 17 00:00:00 2001
From: Bart van der Braak <bartvdbraak@gmail.com>
Date: Mon, 20 Nov 2023 17:20:19 +0100
Subject: [PATCH 4/4] feat: update svelte

---
 package.json   |   2 +-
 pnpm-lock.yaml | 104 ++++++++++++++++++++++++-------------------------
 2 files changed, 53 insertions(+), 53 deletions(-)

diff --git a/package.json b/package.json
index c5274d3..0375bb8 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
 		"postcss-load-config": "^4.0.2",
 		"prettier": "^3.1.0",
 		"prettier-plugin-svelte": "^3.1.0",
-		"svelte": "^4.2.5",
+		"svelte": "^4.2.7",
 		"svelte-check": "^3.6.0",
 		"tailwindcss": "^3.3.5",
 		"tslib": "^2.6.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7c63118..97779dc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -13,13 +13,13 @@ dependencies:
     version: 0.7.0(@theatre/core@0.7.0)
   '@threlte/core':
     specifier: 6.1.1
-    version: 6.1.1(svelte@4.2.5)(three@0.158.0)
+    version: 6.1.1(svelte@4.2.7)(three@0.158.0)
   '@threlte/extras':
     specifier: 7.5.1
-    version: 7.5.1(svelte@4.2.5)(three@0.158.0)
+    version: 7.5.1(svelte@4.2.7)(three@0.158.0)
   '@threlte/theatre':
     specifier: ^2.1.3
-    version: 2.1.3(@theatre/core@0.7.0)(@theatre/studio@0.7.0)(@threlte/core@6.1.1)(@threlte/extras@7.5.1)(svelte@4.2.5)(three@0.158.0)
+    version: 2.1.3(@theatre/core@0.7.0)(@theatre/studio@0.7.0)(@threlte/core@6.1.1)(@threlte/extras@7.5.1)(svelte@4.2.7)(three@0.158.0)
   '@types/three':
     specifier: ^0.158.2
     version: 0.158.2
@@ -36,7 +36,7 @@ dependencies:
 devDependencies:
   '@skeletonlabs/skeleton':
     specifier: ^2.5.0
-    version: 2.5.0(svelte@4.2.5)
+    version: 2.5.0(svelte@4.2.7)
   '@skeletonlabs/tw-plugin':
     specifier: ^0.2.4
     version: 0.2.4(tailwindcss@3.3.5)
@@ -45,10 +45,10 @@ devDependencies:
     version: 3.1.0(@sveltejs/kit@1.27.6)
   '@sveltejs/enhanced-img':
     specifier: ^0.1.5
-    version: 0.1.5(svelte@4.2.5)
+    version: 0.1.5(svelte@4.2.7)
   '@sveltejs/kit':
     specifier: ^1.27.6
-    version: 1.27.6(svelte@4.2.5)(vite@5.0.0)
+    version: 1.27.6(svelte@4.2.7)(vite@5.0.0)
   '@types/node':
     specifier: ^20.9.2
     version: 20.9.2
@@ -69,7 +69,7 @@ devDependencies:
     version: 9.0.0(eslint@8.54.0)
   eslint-plugin-svelte:
     specifier: ^2.35.0
-    version: 2.35.0(eslint@8.54.0)(svelte@4.2.5)
+    version: 2.35.0(eslint@8.54.0)(svelte@4.2.7)
   lint-staged:
     specifier: ^15.1.0
     version: 15.1.0
@@ -84,13 +84,13 @@ devDependencies:
     version: 3.1.0
   prettier-plugin-svelte:
     specifier: ^3.1.0
-    version: 3.1.0(prettier@3.1.0)(svelte@4.2.5)
+    version: 3.1.0(prettier@3.1.0)(svelte@4.2.7)
   svelte:
-    specifier: ^4.2.5
-    version: 4.2.5
+    specifier: ^4.2.7
+    version: 4.2.7
   svelte-check:
     specifier: ^3.6.0
-    version: 3.6.0(postcss-load-config@4.0.2)(postcss@8.4.31)(svelte@4.2.5)
+    version: 3.6.0(postcss-load-config@4.0.2)(postcss@8.4.31)(svelte@4.2.7)
   tailwindcss:
     specifier: ^3.3.5
     version: 3.3.5
@@ -770,13 +770,13 @@ packages:
     dev: true
     optional: true
 
-  /@skeletonlabs/skeleton@2.5.0(svelte@4.2.5):
+  /@skeletonlabs/skeleton@2.5.0(svelte@4.2.7):
     resolution: {integrity: sha512-g9b59IkvByM9D/2RfwBXRP1dqTlaz85opqDHEWEDlJ/wPJ2SaUueBXDwuQfO5oLX8BBXQKIGnb/eUr03hnjgjg==}
     peerDependencies:
       svelte: ^3.56.0 || ^4.0.0
     dependencies:
       esm-env: 1.0.0
-      svelte: 4.2.5
+      svelte: 4.2.7
     dev: true
 
   /@skeletonlabs/tw-plugin@0.2.4(tailwindcss@3.3.5):
@@ -792,7 +792,7 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^1.5.0
     dependencies:
-      '@sveltejs/kit': 1.27.6(svelte@4.2.5)(vite@5.0.0)
+      '@sveltejs/kit': 1.27.6(svelte@4.2.7)(vite@5.0.0)
       '@vercel/nft': 0.24.3
       esbuild: 0.18.20
     transitivePeerDependencies:
@@ -800,18 +800,18 @@ packages:
       - supports-color
     dev: true
 
-  /@sveltejs/enhanced-img@0.1.5(svelte@4.2.5):
+  /@sveltejs/enhanced-img@0.1.5(svelte@4.2.7):
     resolution: {integrity: sha512-xwMBrs22CNoqZm+ZWEDFdnGAT91QO88s7rVq/B3KUZ2cAnSK+T5rBIF+n4Yyi+ULzf6RzidQD4zHw2LOPN4KUg==}
     dependencies:
       magic-string: 0.30.5
-      svelte-parse-markup: 0.1.2(svelte@4.2.5)
+      svelte-parse-markup: 0.1.2(svelte@4.2.7)
       vite-imagetools: 6.2.4
     transitivePeerDependencies:
       - rollup
       - svelte
     dev: true
 
-  /@sveltejs/kit@1.27.6(svelte@4.2.5)(vite@5.0.0):
+  /@sveltejs/kit@1.27.6(svelte@4.2.7)(vite@5.0.0):
     resolution: {integrity: sha512-GsjTkMbKzXdbeRg0tk8S7HNShQ4879ftRr0ZHaZfjbig1xQwG57Bvcm9U9/mpLJtCapLbLWUnygKrgcLISLC8A==}
     engines: {node: ^16.14 || >=18}
     hasBin: true
@@ -820,7 +820,7 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0 || ^5.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.5.2(svelte@4.2.5)(vite@5.0.0)
+      '@sveltejs/vite-plugin-svelte': 2.5.2(svelte@4.2.7)(vite@5.0.0)
       '@types/cookie': 0.5.4
       cookie: 0.5.0
       devalue: 4.3.2
@@ -831,7 +831,7 @@ packages:
       sade: 1.8.1
       set-cookie-parser: 2.6.0
       sirv: 2.0.3
-      svelte: 4.2.5
+      svelte: 4.2.7
       tiny-glob: 0.2.9
       undici: 5.26.5
       vite: 5.0.0(@types/node@20.9.2)
@@ -839,7 +839,7 @@ packages:
       - supports-color
     dev: true
 
-  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.5.2)(svelte@4.2.5)(vite@5.0.0):
+  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.5.2)(svelte@4.2.7)(vite@5.0.0):
     resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
@@ -847,28 +847,28 @@ packages:
       svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.5.2(svelte@4.2.5)(vite@5.0.0)
+      '@sveltejs/vite-plugin-svelte': 2.5.2(svelte@4.2.7)(vite@5.0.0)
       debug: 4.3.4
-      svelte: 4.2.5
+      svelte: 4.2.7
       vite: 5.0.0(@types/node@20.9.2)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@sveltejs/vite-plugin-svelte@2.5.2(svelte@4.2.5)(vite@5.0.0):
+  /@sveltejs/vite-plugin-svelte@2.5.2(svelte@4.2.7)(vite@5.0.0):
     resolution: {integrity: sha512-Dfy0Rbl+IctOVfJvWGxrX/3m6vxPLH8o0x+8FA5QEyMUQMo4kGOVIojjryU7YomBAexOTAuYf1RT7809yDziaA==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
       svelte: ^3.54.0 || ^4.0.0 || ^5.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.5.2)(svelte@4.2.5)(vite@5.0.0)
+      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.5.2)(svelte@4.2.7)(vite@5.0.0)
       debug: 4.3.4
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.5
-      svelte: 4.2.5
-      svelte-hmr: 0.15.3(svelte@4.2.5)
+      svelte: 4.2.7
+      svelte-hmr: 0.15.3(svelte@4.2.7)
       vite: 5.0.0(@types/node@20.9.2)
       vitefu: 0.2.5(vite@5.0.0)
     transitivePeerDependencies:
@@ -896,29 +896,29 @@ packages:
       '@theatre/dataverse': 0.7.0
     dev: false
 
-  /@threlte/core@6.1.1(svelte@4.2.5)(three@0.158.0):
+  /@threlte/core@6.1.1(svelte@4.2.7)(three@0.158.0):
     resolution: {integrity: sha512-bEsZIZzmP6vOg4bWbUg5EKxEid3KhO6YZ69bQM1NrtSC467KxXMxNorPGiAr2e5Z0L3w5++aRoSKmYjeUMLZ0g==}
     peerDependencies:
       svelte: '>=4'
       three: '>=0.133'
     dependencies:
-      svelte: 4.2.5
+      svelte: 4.2.7
       three: 0.158.0
     dev: false
 
-  /@threlte/extras@7.5.1(svelte@4.2.5)(three@0.158.0):
+  /@threlte/extras@7.5.1(svelte@4.2.7)(three@0.158.0):
     resolution: {integrity: sha512-DuCLisFMRUjvL20gGNLe2yhhWozIzWDHIFg1r2JNa0eia+YZ4xrYDzaQ6rX3VggEMGWu1pn4mPNluZ9fNsFQOQ==}
     peerDependencies:
       svelte: '>=4'
       three: '>=0.133'
     dependencies:
       lodash-es: 4.17.21
-      svelte: 4.2.5
+      svelte: 4.2.7
       three: 0.158.0
       troika-three-text: 0.47.2(three@0.158.0)
     dev: false
 
-  /@threlte/theatre@2.1.3(@theatre/core@0.7.0)(@theatre/studio@0.7.0)(@threlte/core@6.1.1)(@threlte/extras@7.5.1)(svelte@4.2.5)(three@0.158.0):
+  /@threlte/theatre@2.1.3(@theatre/core@0.7.0)(@theatre/studio@0.7.0)(@threlte/core@6.1.1)(@threlte/extras@7.5.1)(svelte@4.2.7)(three@0.158.0):
     resolution: {integrity: sha512-yscNIDWBoaNFQDicF+ulI1Px589bKsQtfzwNgxGbdIwRgjX6gk2bWfmZ6cgBml25yksAufroh9gZSfvfOpLtMg==}
     peerDependencies:
       '@theatre/core': '>=0.6'
@@ -930,9 +930,9 @@ packages:
     dependencies:
       '@theatre/core': 0.7.0
       '@theatre/studio': 0.7.0(@theatre/core@0.7.0)
-      '@threlte/core': 6.1.1(svelte@4.2.5)(three@0.158.0)
-      '@threlte/extras': 7.5.1(svelte@4.2.5)(three@0.158.0)
-      svelte: 4.2.5
+      '@threlte/core': 6.1.1(svelte@4.2.7)(three@0.158.0)
+      '@threlte/extras': 7.5.1(svelte@4.2.7)(three@0.158.0)
+      svelte: 4.2.7
       three: 0.158.0
     dev: false
 
@@ -1701,7 +1701,7 @@ packages:
       eslint: 8.54.0
     dev: true
 
-  /eslint-plugin-svelte@2.35.0(eslint@8.54.0)(svelte@4.2.5):
+  /eslint-plugin-svelte@2.35.0(eslint@8.54.0)(svelte@4.2.7):
     resolution: {integrity: sha512-3WDFxNrkXaMlpqoNo3M1ZOQuoFLMO9+bdnN6oVVXaydXC7nzCJuGy9a0zqoNDHMSRPYt0Rqo6hIdHMEaI5sQnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -1723,8 +1723,8 @@ packages:
       postcss-safe-parser: 6.0.0(postcss@8.4.31)
       postcss-selector-parser: 6.0.13
       semver: 7.5.4
-      svelte: 4.2.5
-      svelte-eslint-parser: 0.33.1(svelte@4.2.5)
+      svelte: 4.2.7
+      svelte-eslint-parser: 0.33.1(svelte@4.2.7)
     transitivePeerDependencies:
       - supports-color
       - ts-node
@@ -2812,14 +2812,14 @@ packages:
     engines: {node: '>= 0.8.0'}
     dev: true
 
-  /prettier-plugin-svelte@3.1.0(prettier@3.1.0)(svelte@4.2.5):
+  /prettier-plugin-svelte@3.1.0(prettier@3.1.0)(svelte@4.2.7):
     resolution: {integrity: sha512-96+AZxs2ESqIFA9j+o+DHqY+BsUglezfl553LQd6VOtTyJq5GPuBEb3ElxF2cerFzKlYKttlH/VcVmRNj5oc3A==}
     peerDependencies:
       prettier: ^3.0.0
       svelte: ^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0
     dependencies:
       prettier: 3.1.0
-      svelte: 4.2.5
+      svelte: 4.2.7
     dev: true
 
   /prettier@3.1.0:
@@ -3204,7 +3204,7 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /svelte-check@3.6.0(postcss-load-config@4.0.2)(postcss@8.4.31)(svelte@4.2.5):
+  /svelte-check@3.6.0(postcss-load-config@4.0.2)(postcss@8.4.31)(svelte@4.2.7):
     resolution: {integrity: sha512-8VfqhfuRJ1sKW+o8isH2kPi0RhjXH1nNsIbCFGyoUHG+ZxVxHYRKcb+S8eaL/1tyj3VGvWYx3Y5+oCUsJgnzcw==}
     hasBin: true
     peerDependencies:
@@ -3216,8 +3216,8 @@ packages:
       import-fresh: 3.3.0
       picocolors: 1.0.0
       sade: 1.8.1
-      svelte: 4.2.5
-      svelte-preprocess: 5.1.0(postcss-load-config@4.0.2)(postcss@8.4.31)(svelte@4.2.5)(typescript@5.2.2)
+      svelte: 4.2.7
+      svelte-preprocess: 5.1.0(postcss-load-config@4.0.2)(postcss@8.4.31)(svelte@4.2.7)(typescript@5.2.2)
       typescript: 5.2.2
     transitivePeerDependencies:
       - '@babel/core'
@@ -3231,7 +3231,7 @@ packages:
       - sugarss
     dev: true
 
-  /svelte-eslint-parser@0.33.1(svelte@4.2.5):
+  /svelte-eslint-parser@0.33.1(svelte@4.2.7):
     resolution: {integrity: sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3245,27 +3245,27 @@ packages:
       espree: 9.6.1
       postcss: 8.4.31
       postcss-scss: 4.0.9(postcss@8.4.31)
-      svelte: 4.2.5
+      svelte: 4.2.7
     dev: true
 
-  /svelte-hmr@0.15.3(svelte@4.2.5):
+  /svelte-hmr@0.15.3(svelte@4.2.7):
     resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==}
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
     peerDependencies:
       svelte: ^3.19.0 || ^4.0.0
     dependencies:
-      svelte: 4.2.5
+      svelte: 4.2.7
     dev: true
 
-  /svelte-parse-markup@0.1.2(svelte@4.2.5):
+  /svelte-parse-markup@0.1.2(svelte@4.2.7):
     resolution: {integrity: sha512-DycY7DJr7VqofiJ63ut1/NEG92HrWWL56VWITn/cJCu+LlZhMoBkBXT4opUitPEEwbq1nMQbv4vTKUfbOqIW1g==}
     peerDependencies:
       svelte: ^3.0.0 || ^4.0.0
     dependencies:
-      svelte: 4.2.5
+      svelte: 4.2.7
     dev: true
 
-  /svelte-preprocess@5.1.0(postcss-load-config@4.0.2)(postcss@8.4.31)(svelte@4.2.5)(typescript@5.2.2):
+  /svelte-preprocess@5.1.0(postcss-load-config@4.0.2)(postcss@8.4.31)(svelte@4.2.7)(typescript@5.2.2):
     resolution: {integrity: sha512-EkErPiDzHAc0k2MF5m6vBNmRUh338h2myhinUw/xaqsLs7/ZvsgREiLGj03VrSzbY/TB5ZXgBOsKraFee5yceA==}
     engines: {node: '>= 14.10.0'}
     requiresBuild: true
@@ -3310,12 +3310,12 @@ packages:
       postcss-load-config: 4.0.2(postcss@8.4.31)
       sorcery: 0.11.0
       strip-indent: 3.0.0
-      svelte: 4.2.5
+      svelte: 4.2.7
       typescript: 5.2.2
     dev: true
 
-  /svelte@4.2.5:
-    resolution: {integrity: sha512-P9YPKsGkNdw4OJbtpd1uzimQHPj7Ai2sPcOHmmD6VgkFhFDmcYevQi7vE4cQ1g8/Vs64aL2TwMoCNFAzv7TPaQ==}
+  /svelte@4.2.7:
+    resolution: {integrity: sha512-UExR1KS7raTdycsUrKLtStayu4hpdV3VZQgM0akX8XbXgLBlosdE/Sf3crOgyh9xIjqSYB3UEBuUlIQKRQX2hg==}
     engines: {node: '>=16'}
     dependencies:
       '@ampproject/remapping': 2.2.1