Working example

package-lock.json

@@ -15,7 +15,7 @@
 			"devDependencies": {
 				"@sveltejs/adapter-node": "^5.3.1",
 				"@sveltejs/kit": "^2.22.0",
-				"@sveltejs/vite-plugin-svelte": "^6.0.0",
+				"@sveltejs/vite-plugin-svelte": "^5.0.0",
 				"@tailwindcss/vite": "^4.0.0",
 				"prettier": "^3.4.2",
 				"prettier-plugin-svelte": "^3.3.3",
@@ -24,7 +24,7 @@
 				"svelte-check": "^4.0.0",
 				"tailwindcss": "^4.0.0",
 				"typescript": "^5.0.0",
-				"vite": "^7.0.4"
+				"vite": "^6.0.0"
 			},
 			"engines": {
 				"node": "22"
@@ -1015,43 +1015,43 @@
 			}
 		},
 		"node_modules/@sveltejs/vite-plugin-svelte": {
-			"version": "6.1.3",
+			"version": "5.1.1",
-			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-6.1.3.tgz",
+			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-5.1.1.tgz",
-			"integrity": "sha512-3pppgIeIZs6nrQLazzKcdnTJ2IWiui/UucEPXKyFG35TKaHQrfkWBnv6hyJcLxFuR90t+LaoecrqTs8rJKWfSQ==",
+			"integrity": "sha512-Y1Cs7hhTc+a5E9Va/xwKlAJoariQyHY+5zBgCZg4PFWNYQ1nMN9sjK1zhw1gK69DuqVP++sht/1GZg1aRwmAXQ==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@sveltejs/vite-plugin-svelte-inspector": "^5.0.0",
+				"@sveltejs/vite-plugin-svelte-inspector": "^4.0.1",
 				"debug": "^4.4.1",
 				"deepmerge": "^4.3.1",
 				"kleur": "^4.1.5",
 				"magic-string": "^0.30.17",
-				"vitefu": "^1.1.1"
+				"vitefu": "^1.0.6"
 			},
 			"engines": {
-				"node": "^20.19 || ^22.12 || >=24"
+				"node": "^18.0.0 || ^20.0.0 || >=22"
 			},
 			"peerDependencies": {
 				"svelte": "^5.0.0",
-				"vite": "^6.3.0 || ^7.0.0"
+				"vite": "^6.0.0"
 			}
 		},
 		"node_modules/@sveltejs/vite-plugin-svelte-inspector": {
-			"version": "5.0.1",
+			"version": "4.0.1",
-			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-5.0.1.tgz",
+			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-4.0.1.tgz",
-			"integrity": "sha512-ubWshlMk4bc8mkwWbg6vNvCeT7lGQojE3ijDh3QTR6Zr/R+GXxsGbyH4PExEPpiFmqPhYiVSVmHBjUcVc1JIrA==",
+			"integrity": "sha512-J/Nmb2Q2y7mck2hyCX4ckVHcR5tu2J+MtBEQqpDrrgELZ2uvraQcK/ioCV61AqkdXFgriksOKIceDcQmqnGhVw==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"debug": "^4.4.1"
+				"debug": "^4.3.7"
 			},
 			"engines": {
-				"node": "^20.19 || ^22.12 || >=24"
+				"node": "^18.0.0 || ^20.0.0 || >=22"
 			},
 			"peerDependencies": {
-				"@sveltejs/vite-plugin-svelte": "^6.0.0-next.0",
+				"@sveltejs/vite-plugin-svelte": "^5.0.0",
 				"svelte": "^5.0.0",
-				"vite": "^6.3.0 || ^7.0.0"
+				"vite": "^6.0.0"
 			}
 		},
 		"node_modules/@tailwindcss/node": {
@@ -2618,24 +2618,24 @@
 			"license": "MIT"
 		},
 		"node_modules/vite": {
-			"version": "7.1.4",
+			"version": "6.3.5",
-			"resolved": "https://registry.npmjs.org/vite/-/vite-7.1.4.tgz",
+			"resolved": "https://registry.npmjs.org/vite/-/vite-6.3.5.tgz",
-			"integrity": "sha512-X5QFK4SGynAeeIt+A7ZWnApdUyHYm+pzv/8/A57LqSGcI88U6R6ipOs3uCesdc6yl7nl+zNO0t8LmqAdXcQihw==",
+			"integrity": "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"esbuild": "^0.25.0",
-				"fdir": "^6.5.0",
+				"fdir": "^6.4.4",
-				"picomatch": "^4.0.3",
+				"picomatch": "^4.0.2",
-				"postcss": "^8.5.6",
+				"postcss": "^8.5.3",
-				"rollup": "^4.43.0",
+				"rollup": "^4.34.9",
-				"tinyglobby": "^0.2.14"
+				"tinyglobby": "^0.2.13"
 			},
 			"bin": {
 				"vite": "bin/vite.js"
 			},
 			"engines": {
-				"node": "^20.19.0 || >=22.12.0"
+				"node": "^18.0.0 || ^20.0.0 || >=22.0.0"
 			},
 			"funding": {
 				"url": "https://github.com/vitejs/vite?sponsor=1"
@@ -2644,14 +2644,14 @@
 				"fsevents": "~2.3.3"
 			},
 			"peerDependencies": {
-				"@types/node": "^20.19.0 || >=22.12.0",
+				"@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
 				"jiti": ">=1.21.0",
-				"less": "^4.0.0",
+				"less": "*",
 				"lightningcss": "^1.21.0",
-				"sass": "^1.70.0",
+				"sass": "*",
-				"sass-embedded": "^1.70.0",
+				"sass-embedded": "*",
-				"stylus": ">=0.54.8",
+				"stylus": "*",
-				"sugarss": "^5.0.0",
+				"sugarss": "*",
 				"terser": "^5.16.0",
 				"tsx": "^4.8.1",
 				"yaml": "^2.4.2"

package.json

@@ -4,7 +4,7 @@
 	"version": "0.0.1",
 	"type": "module",
 	"engines": {
-		"node": "20"
+		"node": "22"
 	},
 	"scripts": {
 		"dev": "vite dev",
@@ -19,7 +19,7 @@
 	"devDependencies": {
 		"@sveltejs/adapter-node": "^5.3.1",
 		"@sveltejs/kit": "^2.22.0",
-		"@sveltejs/vite-plugin-svelte": "^6.0.0",
+		"@sveltejs/vite-plugin-svelte": "^5.0.0",
 		"@tailwindcss/vite": "^4.0.0",
 		"prettier": "^3.4.2",
 		"prettier-plugin-svelte": "^3.3.3",
@@ -28,7 +28,7 @@
 		"svelte-check": "^4.0.0",
 		"tailwindcss": "^4.0.0",
 		"typescript": "^5.0.0",
-		"vite": "^7.0.4"
+		"vite": "^6.0.0"
 	},
 	"dependencies": {
 		"@types/pg": "^8.15.5",