1 files changed, 30 insertions, 0 deletions
diff --git a/examples/framework-multiple/src/components/svelte/SvelteCounter.svelte b/examples/framework-multiple/src/components/svelte/SvelteCounter.svelte
new file mode 100644
index 000000000..641312ae1
--- /dev/null
+++ b/examples/framework-multiple/src/components/svelte/SvelteCounter.svelte
@@ -0,0 +1,30 @@
+<!-- @component
+A counter written with Svelte
+-->
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	interface Props {
+		children?: Snippet
+	}
+
+	let { children }: Props = $props();
+	let count = $state(0);
+
+	function add() {
+		count += 1;
+	}
+
+	function subtract() {
+		count -= 1;
+	}
+</script>
+
+<div class="counter">
+	<button onclick={subtract}>-</button>
+	<pre>{count}</pre>
+	<button onclick={add}>+</button>
+</div>
+<div class="counter-message">
+	{@render children?.()}
+</div>