diff options
Diffstat (limited to 'examples/framework-svelte')
| -rw-r--r-- | examples/framework-svelte/package.json | 4 | ||||
| -rw-r--r-- | examples/framework-svelte/src/components/Counter.svelte | 15 |
2 files changed, 13 insertions, 6 deletions
diff --git a/examples/framework-svelte/package.json b/examples/framework-svelte/package.json index c7308a1ab..56e22f6be 100644 --- a/examples/framework-svelte/package.json +++ b/examples/framework-svelte/package.json @@ -10,8 +10,8 @@ "astro": "astro" }, "dependencies": { - "@astrojs/svelte": "^6.0.0-beta.2", + "@astrojs/svelte": "^6.0.0", "astro": "^5.0.0-beta.8", - "svelte": "^4.2.19" + "svelte": "^5.1.16" } } diff --git a/examples/framework-svelte/src/components/Counter.svelte b/examples/framework-svelte/src/components/Counter.svelte index 1353736aa..a11538645 100644 --- a/examples/framework-svelte/src/components/Counter.svelte +++ b/examples/framework-svelte/src/components/Counter.svelte @@ -1,5 +1,12 @@ <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; @@ -11,12 +18,12 @@ </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="message"> - <slot /> + {@render children?.()} </div> <style> |