diff options
Diffstat (limited to 'examples/framework-multiple/src/components/svelte/SvelteCounter.svelte')
| -rw-r--r-- | examples/framework-multiple/src/components/svelte/SvelteCounter.svelte | 23 |
1 files changed, 23 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..01e58574a --- /dev/null +++ b/examples/framework-multiple/src/components/svelte/SvelteCounter.svelte @@ -0,0 +1,23 @@ +<!-- @component +A counter written with Svelte +--> +<script lang="ts"> + let count = 0; + + function add() { + count += 1; + } + + function subtract() { + count -= 1; + } +</script> + +<div class="counter"> + <button on:click={subtract}>-</button> + <pre>{count}</pre> + <button on:click={add}>+</button> +</div> +<div class="counter-message"> + <slot /> +</div> |