feat(ct): upgrade to vite-plugin-svelte 3 (#28624)

packages/playwright-ct-svelte/package.json

@@ -30,10 +30,19 @@
   },
   "dependencies": {
     "@playwright/experimental-ct-core": "1.41.0-next",
-    "@sveltejs/vite-plugin-svelte": "^2.1.1"
+    "@sveltejs/vite-plugin-svelte": "^3.0.1"
   },
   "devDependencies": {
-    "svelte": "^3.55.1"
+    "svelte": "^4.2.8"
+  },
+  "peerDependencies": {
+    "svelte": "^4.0.0",
+    "@sveltejs/vite-plugin-svelte": "^3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@sveltejs/vite-plugin-svelte": {
+      "optional": true
+    }
   },
   "bin": {
     "playwright": "cli.js"

tests/components/ct-svelte-vite/package.json

@@ -10,16 +10,20 @@
     "typecheck": "svelte-check --tsconfig ./tsconfig.json"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^2.0.3",
-    "@tsconfig/svelte": "^3.0.0",
-    "svelte-check": "^2.2.7",
-    "svelte-preprocess": "^4.9.8",
-    "tslib": "^2.3.1",
-    "typescript": "^4.5.4",
-    "vite": "^4.2.1"
+    "@sveltejs/vite-plugin-svelte": "^3.0.1",
+    "@tsconfig/svelte": "^5.0.2",
+    "svelte-check": "^3.6.2",
+    "tslib": "^2.6.2",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.8"
   },
   "dependencies": {
-    "svelte": "^3.49.0",
+    "svelte": "^4.2.8",
     "svelte-navigator": "^3.2.2"
+  },
+  "overrides": {
+    "svelte-navigator": {
+      "svelte": "$svelte"
+    }
   }
 }

tests/components/ct-svelte-vite/svelte.config.js

@@ -1,7 +1,5 @@
-import sveltePreprocess from 'svelte-preprocess'
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
 
 export default {
-  // Consult https://github.com/sveltejs/svelte-preprocess
-  // for more information about preprocessors
-  preprocess: sveltePreprocess()
+  preprocess: vitePreprocess()
 }

tests/components/ct-svelte/package.json

@@ -19,7 +19,12 @@
     "sirv-cli": "^2.0.0"
   },
   "dependencies": {
-    "svelte": "^3.0.0",
+    "svelte": "^4.2.8",
     "svelte-navigator": "^3.2.2"
+  },
+  "overrides": {
+    "svelte-navigator": {
+      "svelte": "$svelte"
+    }
   }
 }