diff options
Diffstat (limited to 'examples/framework-multiple/src/components/SvelteCounter.svelte')
-rw-r--r-- | examples/framework-multiple/src/components/SvelteCounter.svelte | 21 |
1 files changed, 11 insertions, 10 deletions
diff --git a/examples/framework-multiple/src/components/SvelteCounter.svelte b/examples/framework-multiple/src/components/SvelteCounter.svelte index 3cab8c43a..01e58574a 100644 --- a/examples/framework-multiple/src/components/SvelteCounter.svelte +++ b/examples/framework-multiple/src/components/SvelteCounter.svelte @@ -1,22 +1,23 @@ +<!-- @component +A counter written with Svelte +--> +<script lang="ts"> + let count = 0; -<script> - let children; - let count = 0; - - function add() { + function add() { count += 1; } - function subtract() { + function subtract() { count -= 1; } </script> <div class="counter"> - <button on:click={subtract}>-</button> - <pre>{ count }</pre> - <button on:click={add}>+</button> + <button on:click={subtract}>-</button> + <pre>{count}</pre> + <button on:click={add}>+</button> </div> <div class="counter-message"> - <slot /> + <slot /> </div> |