chore: bump Svelte example to Svelte v5 (#9981)

### Description

This PR migrates the Svelte example to Svelte v5.

It was performed by running `pnpx npm-check-updates -u` in all packages
in `examples/with-svelte` directory.

Also ran `pnpx sv migrate svelte-5` in
`examples/with-svelte/packages/ui`.

### Testing Instructions

In `examples/with-svelte`, run `pnpm dev` and visit `web` and `docs`
sites to verify it's working.

This does not impact any automated tests.

---------

Co-authored-by: Anthony Shew <[email protected]>

Author: joshnuss

examples/with-svelte/apps/docs/package.json

@@ -21,17 +21,17 @@
 	"devDependencies": {
 		"@repo/eslint-config": "workspace:*",
 		"@repo/typescript-config": "workspace:*",
-		"@sveltejs/adapter-auto": "^3.3.1",
-		"@sveltejs/kit": "^2.16.0",
-		"@sveltejs/vite-plugin-svelte": "^3.1.2",
+		"@sveltejs/adapter-auto": "^4.0.0",
+		"@sveltejs/kit": "^2.17.2",
+		"@sveltejs/vite-plugin-svelte": "^5.0.3",
+		"prettier": "^3.5.1",
 		"eslint": "^9.21.0",
-		"prettier": "^3.5.0",
 		"prettier-plugin-svelte": "^3.3.3",
-		"svelte": "^4.2.19",
-		"svelte-check": "^3.8.6",
+		"svelte": "^5.20.1",
+		"svelte-check": "^4.1.4",
 		"tslib": "^2.8.1",
 		"typescript": "5.7.3",
-		"vite": "^5.4.13",
-		"vitest": "^1.6.0"
+		"vite": "^6.1.0",
+		"vitest": "^3.0.5"
 	}
 }

examples/with-svelte/apps/web/package.json

@@ -21,17 +21,17 @@
 	"devDependencies": {
 		"@repo/eslint-config": "workspace:*",
 		"@repo/typescript-config": "workspace:*",
-		"@sveltejs/adapter-auto": "^3.3.1",
-		"@sveltejs/kit": "^2.16.0",
-		"@sveltejs/vite-plugin-svelte": "^3.1.2",
+		"@sveltejs/adapter-auto": "^4.0.0",
+		"@sveltejs/kit": "^2.17.2",
+		"@sveltejs/vite-plugin-svelte": "^5.0.3",
+		"prettier": "^3.5.1",
 		"eslint": "^9.21.0",
-		"prettier": "^3.5.0",
 		"prettier-plugin-svelte": "^3.3.3",
-		"svelte": "^4.2.19",
-		"svelte-check": "^3.8.6",
+		"svelte": "^5.20.1",
+		"svelte-check": "^4.1.4",
 		"tslib": "^2.8.1",
 		"typescript": "5.7.3",
-		"vite": "^5.4.13",
-		"vitest": "^1.6.0"
+		"vite": "^6.1.0",
+		"vitest": "^3.0.5"
 	}
 }

examples/with-svelte/packages/eslint-config/package.json

@@ -9,7 +9,7 @@
     "@eslint/eslintrc": "^3.3.0",
     "@eslint/js": "^9.21.0",
     "eslint-config-prettier": "^10.0.1",
-    "eslint-config-turbo": "^2.3.4",
+    "eslint-config-turbo": "^2.4.2",
     "eslint-plugin-svelte": "^2.46.1",
     "globals": "^15.15.0",
     "typescript-eslint": "^8.24.0"

examples/with-svelte/packages/ui/components/MyCounterButton.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  let count = 0;
+  let count = $state(0);
 
   function handleClick() {
     count += 1;
   }
 </script>
 
-<button on:click={handleClick}>
+<button onclick={handleClick}>
   clicks: {count}
 </button>

examples/with-svelte/packages/ui/package.json

@@ -15,7 +15,7 @@
   },
   "devDependencies": {
     "@repo/eslint-config": "workspace:*",
-    "eslint": "^9.21.0",
-    "svelte": "^5.19.3"
+    "svelte": "^5.20.1",
+    "eslint": "^9.21.0"
   }
 }