Migrated to SvelteKit 2, and updated Sentry

package.json

@@ -12,37 +12,37 @@
 		"format": "prettier --plugin-search-dir . --write ."
 	},
 	"devDependencies": {
-		"@skeletonlabs/skeleton": "^1.9.0",
-		"@skeletonlabs/tw-plugin": "^0.3.0",
-		"@sveltejs/adapter-auto": "^2.1.0",
-		"@sveltejs/adapter-vercel": "^3.0.0",
-		"@sveltejs/kit": "^1.20.0",
+		"@sentry/sveltekit": "^7.91.0",
+		"@skeletonlabs/skeleton": "^2.7.0",
+		"@skeletonlabs/tw-plugin": "^0.3.1",
+		"@sveltejs/adapter-auto": "^3.0.0",
+		"@sveltejs/adapter-vercel": "^4.0.0",
+		"@sveltejs/kit": "^2.0.0",
+		"@sveltejs/vite-plugin-svelte": "^3.0.0",
 		"@tailwindcss/forms": "^0.5.3",
 		"@tailwindcss/typography": "^0.5.9",
-		"@types/node": "^20.10.4",
-		"@typescript-eslint/eslint-plugin": "^5.59.8",
-		"@typescript-eslint/parser": "^5.59.8",
+		"@types/node": "^20.10.6",
+		"@typescript-eslint/eslint-plugin": "^6.17.0",
+		"@typescript-eslint/parser": "^6.17.0",
 		"@vercel/analytics": "^1.0.1",
 		"atropos": "^2.0.2",
 		"autoprefixer": "^10.4.14",
-		"eslint": "^8.41.0",
-		"eslint-config-prettier": "^8.8.0",
+		"eslint": "^8.56.0",
+		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte3": "^4.0.0",
 		"postcss": "^8.4.24",
-		"posthog-js": "^1.95.1",
-		"prettier": "^2.8.8",
-		"prettier-plugin-svelte": "^2.10.1",
-		"svelte": "^3.59.1",
+		"posthog-js": "^1.96.1",
+		"prettier": "^3.1.1",
+		"prettier-plugin-svelte": "^3.1.2",
+		"svelte": "^4.0.0",
 		"svelte-check": "^3.4.3",
-		"svelte-particles": "^2.9.3",
-		"svelte-preprocess": "^5.0.4",
-		"tailwindcss": "^3.3.2",
+		"@tsparticles/svelte": "^3.0.0",
+		"svelte-preprocess": "^5.1.3",
+		"tailwindcss": "^3.4.0",
 		"tslib": "^2.5.2",
-		"tsparticles": "^2.9.3",
+		"tsparticles": "^3.0.3",
 		"typescript": "^5.0.4",
-		"vite": "^4.3.9",
-		"@sentry/sveltekit": "7.76.0"
+		"vite": "^5.0.0"
 	},
-	"optionalDependencies": {"@sentry/cli": "2.22.2"},
 	"type": "module"
 }

src/routes/+layout.svelte

@@ -2,7 +2,7 @@
 	import '$lib/theme-luke.css';
 	import '../app.postcss';
 
-	import Particles from 'svelte-particles';
+	import Particles, { particlesInit } from '@tsparticles/svelte';
 	import { loadFull } from 'tsparticles';
 
 	const particlesConfig = {
@@ -23,11 +23,16 @@
 		}
 	};
 
-	const particlesInit = async (engine: any) => {
+	void particlesInit(async (engine) => {
+		// call this once per app
+		// you can use main to customize the tsParticles instance adding presets or custom shapes
+		// this loads the tsparticles package bundle, it's the easiest method for getting everything ready
+		// starting from v2 you can add only the features you need reducing the bundle size
 		await loadFull(engine);
-	};
+		// await loadSlim(engine);
+	});
 </script>
 
-<Particles id="tsparticles" options={particlesConfig} {particlesInit} />
+<Particles id="tsparticles" options={particlesConfig} />
 <!-- Page Route Content -->
 <slot />

tests/test.ts

@@ -1,6 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-test('index page has expected h1', async ({ page }) => {
-	await page.goto('/');
-	expect(await page.textContent('h1')).toBe('Welcome to SvelteKit');
-});

vite.config.js

@@ -1,23 +1,22 @@
-import { sentrySvelteKit } from "@sentry/sveltekit";
+import { sentrySvelteKit } from '@sentry/sveltekit';
 import { sveltekit } from '@sveltejs/kit/vite';
 
 /** @type {import('vite').UserConfig} */
 const config = {
-    plugins: [sentrySvelteKit({
-        sourceMapsUploadOptions: {
-            org: "sentry",
-            project: "lukehagar",
-            url: "https://sentry.plygrnd.org"
-        }
-    }), sveltekit()],
+	plugins: [
+		sentrySvelteKit({
+			sourceMapsUploadOptions: {
+				org: 'sentry',
+				project: 'lukehagar',
+				url: 'https://sentry.plygrnd.org'
+			}
+		}),
+		sveltekit()
+	],
 
-    test: {
-		include: ['src/**/*.{test,spec}.{js,ts}']
-	},
-
-    ssr: {
-        noExternal: ["tsparticles", "tsparticles-slim", "tsparticles-engine", "svelte-particles"], // add all tsparticles libraries here, they're not made for SSR, they're client only
-    }
+	ssr: {
+		noExternal: ['tsparticles', 'tsparticles-slim', 'tsparticles-engine', 'svelte-particles'] // add all tsparticles libraries here, they're not made for SSR, they're client only
+	}
 };
 
-export default config;
+export default config;