chore(examples): upgrade to Svelte 5

metonym · Nov 19, 2024 · 7bb9e30 · 7bb9e30
1 parent 3d184f0
commit 7bb9e30
Show file tree

Hide file tree

Showing 13 changed files with 31 additions and 31 deletions.
diff --git a/examples/rollup/bun.lockb b/examples/rollup/bun.lockb
diff --git a/examples/rollup/rollup.config.js b/examples/rollup/rollup.config.js
@@ -13,6 +13,15 @@ export default {
     name: "app",
     file: "public/build/bundle.js",
   },
+  // ignore Rollup warnings for d3 circular dependencies
+  onwarn: (warning, warn) => {
+    if (warning.code === "CIRCULAR_DEPENDENCY") {
+      if (warning.ids.some((id) => /node_modules\/(svelte)/.test(id))) {
+        return;
+      }
+    }
+    warn(warning);
+  },
   plugins: [
     svelte({
       emitCss: false,

diff --git a/examples/rollup/src/App.svelte b/examples/rollup/src/App.svelte
@@ -20,26 +20,26 @@
 <Time relative live />
 
 <!-- Action -->
-<time use:svelteTime />
+<time use:svelteTime></time>
 <time
   use:svelteTime={{
     timestamp: "2021-02-02",
     format: "dddd @ h:mm A · MMMM D, YYYY",
   }}
-/>
+></time>
 <time
   use:svelteTime={{
     timestamp: "2021-02-02",
     relative: true,
   }}
-/>
+></time>
 <time
   data-test="action-relative-live"
   use:svelteTime={{
     relative: true,
     live: true,
   }}
-/>
+></time>
 
 <span>
   {time}

diff --git a/examples/rollup/src/index.js b/examples/rollup/src/index.js
@@ -1,5 +1,4 @@
+import { mount } from "svelte";
 import App from "./App.svelte";
 
-const app = new App({ target: document.body });
-
-export default app;
+mount(App, { target: document.body });
diff --git a/examples/sveltekit/bun.lockb b/examples/sveltekit/bun.lockb
diff --git a/examples/sveltekit/src/routes/+page.svelte b/examples/sveltekit/src/routes/+page.svelte
@@ -19,26 +19,26 @@
 <Time relative live />
 
 <!-- Action -->
-<time use:svelteTime />
+<time use:svelteTime></time>
 <time
   use:svelteTime={{
     timestamp: "2021-02-02",
     format: "dddd @ h:mm A · MMMM D, YYYY",
   }}
-/>
+></time>
 <time
   use:svelteTime={{
     timestamp: "2021-02-02",
     relative: true,
   }}
-/>
+></time>
 <time
   data-test="action-relative-live"
   use:svelteTime={{
     relative: true,
     live: true,
   }}
-/>
+></time>
 
 <span>
   {time}

diff --git a/examples/vite/bun.lockb b/examples/vite/bun.lockb
diff --git a/examples/vite/index.html b/examples/vite/index.html
@@ -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>
diff --git a/examples/vite/src/App.svelte b/examples/vite/src/App.svelte
@@ -20,26 +20,26 @@
 <Time relative live />
 
 <!-- Action -->
-<time use:svelteTime />
+<time use:svelteTime></time>
 <time
   use:svelteTime={{
     timestamp: "2021-02-02",
     format: "dddd @ h:mm A · MMMM D, YYYY",
   }}
-/>
+></time>
 <time
   use:svelteTime={{
     timestamp: "2021-02-02",
     relative: true,
   }}
-/>
+></time>
 <time
   data-test="action-relative-live"
   use:svelteTime={{
     relative: true,
     live: true,
   }}
-/>
+></time>
 
 <span>
   {time}

diff --git a/examples/webpack/bun.lockb b/examples/webpack/bun.lockb
diff --git a/examples/webpack/src/App.svelte b/examples/webpack/src/App.svelte
@@ -20,26 +20,26 @@
 <Time relative live />
 
 <!-- Action -->
-<time use:svelteTime />
+<time use:svelteTime></time>
 <time
   use:svelteTime={{
     timestamp: "2021-02-02",
     format: "dddd @ h:mm A · MMMM D, YYYY",
   }}
-/>
+></time>
 <time
   use:svelteTime={{
     timestamp: "2021-02-02",
     relative: true,
   }}
-/>
+></time>
 <time
   data-test="action-relative-live"
   use:svelteTime={{
     relative: true,
     live: true,
   }}
-/>
+></time>
 
 <span>
   {time}

diff --git a/examples/webpack/src/index.js b/examples/webpack/src/index.js
@@ -1,5 +1,4 @@
+import { mount } from "svelte";
 import App from "./App.svelte";
 
-const app = new App({ target: document.body });
-
-export default app;
+mount(App, { target: document.body });
diff --git a/examples/webpack/webpack.config.mjs b/examples/webpack/webpack.config.mjs
@@ -10,14 +10,6 @@ const PROD = NODE_ENV === "production";
 /** @type {import("webpack").Configuration} */
 export default {
   entry: { "build/bundle": ["./src/index.js"] },
-  resolve: {
-    alias: {
-      svelte: path.resolve("node_modules", "svelte/src/runtime"),
-    },
-    extensions: [".mjs", ".js", ".svelte"],
-    mainFields: ["svelte", "browser", "module", "main"],
-    conditionNames: ["svelte", "browser", "import"],
-  },
   output: {
     publicPath: "/",
     path: path.resolve("./public"),