diff options
Diffstat (limited to 'examples/framework-multiple')
| -rw-r--r-- | examples/framework-multiple/package.json | 4 | ||||
| -rw-r--r-- | examples/framework-multiple/src/components/svelte/SvelteCounter.svelte | 15 |
2 files changed, 13 insertions, 6 deletions
diff --git a/examples/framework-multiple/package.json b/examples/framework-multiple/package.json index 4bbb93465..bca343000 100644 --- a/examples/framework-multiple/package.json +++ b/examples/framework-multiple/package.json @@ -12,7 +12,7 @@ "dependencies": { "@astrojs/preact": "^3.5.3", "@astrojs/react": "^3.6.2", - "@astrojs/solid-js": "^4.4.2", + "@astrojs/solid-js": "^4.4.3", "@astrojs/svelte": "^6.0.0-beta.2", "@astrojs/vue": "^5.0.0-beta.1", "@types/react": "^18.3.12", @@ -22,7 +22,7 @@ "react": "^18.3.1", "react-dom": "^18.3.1", "solid-js": "^1.9.3", - "svelte": "^4.2.19", + "svelte": "^5.1.16", "vue": "^3.5.12" } } 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> |