Update: Test with Svelte 5

Test/Resources/Private/Svelte.js

@@ -1,5 +1,6 @@
+import { mount } from 'svelte'
 import App from "./Svelte.svelte";
 
-new App({
-    target: document.body,
+mount(App, {
+    target: document.getElementById('app'),
 });

Test/Resources/Private/Svelte.svelte

@@ -1,19 +1,27 @@
 <script>
-    let name = 'Carbon.Pipeline';
     import './_Svelte.css';
+
+    let name = $state('Carbon.Pipeline');
+    let count = $state(0);
+
+    function increment() {
+		count ++;
+	}
 </script>
 
 <div class="container">
     <input type="text" bind:value={name}>
     <h1>Hello {name}!</h1>
-    <h2>Hello {name}!</h2>
+    <button onclick={increment}>
+        count is {count}
+    </button>
 </div>
 
 <style>
     h1 {
         color:green;
     }
-    :global(h2) {
+    :global(button) {
         color:red;
     }
 </style>