metonym · Dec 15, 2024
diff --git a/‎README.md
+3 b/‎README.md
+3
diff --git a/‎examples/vite/bun.lockb
-10.1 KB b/‎examples/vite/bun.lockb
-10.1 KB
diff --git a/‎examples/vite/index.html
+2-1 b/‎examples/vite/index.html
+2-1
diff --git a/‎examples/vite/package.json
+3-3 b/‎examples/vite/package.json
+3-3
diff --git a/‎examples/vite/vite.config.ts
+3 b/‎examples/vite/vite.config.ts
+3
diff --git a/‎examples/vite@svelte-5/.gitignore ‎examples/vite@svelte-4/.gitignore b/‎examples/vite@svelte-5/.gitignore ‎examples/vite@svelte-4/.gitignore
diff --git a/‎examples/vite@svelte-5/README.md ‎examples/vite@svelte-4/README.md
+1-1 b/‎examples/vite@svelte-5/README.md ‎examples/vite@svelte-4/README.md
+1-1
diff --git a/‎examples/vite@svelte-4/bun.lockb
42.6 KB b/‎examples/vite@svelte-4/bun.lockb
42.6 KB
diff --git a/‎examples/vite@svelte-5/index.html ‎examples/vite@svelte-4/index.html
+1-2 b/‎examples/vite@svelte-5/index.html ‎examples/vite@svelte-4/index.html
+1-2
diff --git a/‎examples/vite@svelte-5/package.json ‎examples/vite@svelte-4/package.json
+3-3 b/‎examples/vite@svelte-5/package.json ‎examples/vite@svelte-4/package.json
+3-3
diff --git a/‎examples/vite@svelte-5/src/App.svelte ‎examples/vite@svelte-4/src/App.svelte b/‎examples/vite@svelte-5/src/App.svelte ‎examples/vite@svelte-4/src/App.svelte
diff --git a/‎examples/vite@svelte-5/src/DynamicImport.svelte ‎examples/vite@svelte-4/src/DynamicImport.svelte b/‎examples/vite@svelte-5/src/DynamicImport.svelte ‎examples/vite@svelte-4/src/DynamicImport.svelte
diff --git a/‎examples/vite@svelte-5/src/global.d.ts ‎examples/vite@svelte-4/src/global.d.ts b/‎examples/vite@svelte-5/src/global.d.ts ‎examples/vite@svelte-4/src/global.d.ts
diff --git a/‎examples/vite@svelte-5/tsconfig.json ‎examples/vite@svelte-4/tsconfig.json b/‎examples/vite@svelte-5/tsconfig.json ‎examples/vite@svelte-4/tsconfig.json
diff --git a/‎examples/vite@svelte-5/vite.config.ts ‎examples/vite@svelte-4/vite.config.ts
-3 b/‎examples/vite@svelte-5/vite.config.ts ‎examples/vite@svelte-4/vite.config.ts
-3
diff --git a/‎examples/vite@svelte-5/bun.lockb
-51.6 KB b/‎examples/vite@svelte-5/bun.lockb
-51.6 KB
@@ -511,10 +511,13 @@ In the example below, the `HighlightAuto` component and injected styles are dyna
 
 ## Examples
 
+By default, example set-ups use Svelte 5. The exception is `examples/vite@svelte-4`, which uses Svelte 4.
+
 - [examples/rollup](examples/rollup)
 - [examples/routify](examples/routify)
 - [examples/sveltekit](examples/sveltekit)
 - [examples/vite](examples/vite)
+- [examples/vite@svelte-4](examples/vite@svelte-4)
 - [examples/webpack](examples/webpack)
 
 ## [Changelog](CHANGELOG.md)
 
@@ -6,9 +6,10 @@
   </head>
   <body>
     <script type="module">
+      import { mount } from "svelte";
       import App from "./src/App.svelte";
 
-      const app = new App({ target: document.body });
+      mount(App, { target: document.body });
     </script>
   </body>
 </html>
@@ -7,11 +7,11 @@
     "preview": "vite preview"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^3.1.2",
+    "@sveltejs/vite-plugin-svelte": "latest",
     "@tsconfig/svelte": "latest",
-    "svelte": "^4.2.19",
+    "svelte": "latest",
     "svelte-highlight": "latest",
     "typescript": "latest",
-    "vite": "^5.4.11"
+    "vite": "latest"
   }
 }
@@ -2,6 +2,9 @@ import { svelte, vitePreprocess } from "@sveltejs/vite-plugin-svelte";
 import type { UserConfig } from "vite";
 
 export default {
+  resolve: {
+    conditions: ["browser"],
+  },
   plugins: [
     svelte({
       preprocess: vitePreprocess(),
 
@@ -1,4 +1,4 @@
-# examples/vite@svelte-5
+# examples/vite@svelte-4
 
 > `svelte-highlight` Vite set-up.
 
 
@@ -6,10 +6,9 @@
   </head>
   <body>
     <script type="module">
-      import { mount } from "svelte";
       import App from "./src/App.svelte";
 
-      mount(App, { target: document.body });
+      const app = new App({ target: document.body });
     </script>
   </body>
 </html>
@@ -7,11 +7,11 @@
     "preview": "vite preview"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^4.0.3",
+    "@sveltejs/vite-plugin-svelte": "^3.1.2",
     "@tsconfig/svelte": "latest",
-    "svelte": "^5.14.0",
+    "svelte": "^4.2.19",
     "svelte-highlight": "latest",
     "typescript": "latest",
-    "vite": "latest"
+    "vite": "^5.4.11"
   }
 }
@@ -2,9 +2,6 @@ import { svelte, vitePreprocess } from "@sveltejs/vite-plugin-svelte";
 import type { UserConfig } from "vite";
 
 export default {
-  resolve: {
-    conditions: ["browser"],
-  },
   plugins: [
     svelte({
       preprocess: vitePreprocess(),
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-# examples/vite@svelte-5`
	`1`	`+# examples/vite@svelte-4`
`2`	`2`
`3`	`3`	> `svelte-highlight` Vite set-up.
`4`	`4`