diff options
| author |  Jacob Jenkins <jacob_jenkins@live.com>
| 2024-11-14 15:31:51 +0000 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2024-11-14 23:31:51 +0800 |
| commit | 9fc2ab8cc848739a21bfa3f754e9bec4926dc034 (patch) | |
| tree | a184ada6711296569a064c01defd2fa6a74f63c5 /examples/framework-multiple/src | |
| parent | bdc0890061533466da19660ff83a331a3136f6c4 (diff) | |
| download | astro-9fc2ab8cc848739a21bfa3f754e9bec4926dc034.tar.gz astro-9fc2ab8cc848739a21bfa3f754e9bec4926dc034.tar.zst astro-9fc2ab8cc848739a21bfa3f754e9bec4926dc034.zip | |
Update to svelte 5 (#12364)
Co-authored-by: bluwy <bjornlu.dev@gmail.com>
Diffstat (limited to 'examples/framework-multiple/src')
| -rw-r--r-- | examples/framework-multiple/src/components/svelte/SvelteCounter.svelte | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/examples/framework-multiple/src/components/svelte/SvelteCounter.svelte b/examples/framework-multiple/src/components/svelte/SvelteCounter.svelte index 01e58574a..641312ae1 100644 --- a/examples/framework-multiple/src/components/svelte/SvelteCounter.svelte +++ b/examples/framework-multiple/src/components/svelte/SvelteCounter.svelte @@ -2,7 +2,14 @@ A counter written with Svelte --> <script lang="ts"> - let count = 0; + import type { Snippet } from 'svelte'; + + interface Props { + children?: Snippet + } + + let { children }: Props = $props(); + let count = $state(0); function add() { count += 1; @@ -14,10 +21,10 @@ A counter written with Svelte </script> <div class="counter"> - <button on:click={subtract}>-</button> + <button onclick={subtract}>-</button> <pre>{count}</pre> - <button on:click={add}>+</button> + <button onclick={add}>+</button> </div> <div class="counter-message"> - <slot /> + {@render children?.()} </div> |