summaryrefslogtreecommitdiff
path: root/examples/framework-multiple/src/components/SvelteCounter.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'examples/framework-multiple/src/components/SvelteCounter.svelte')
-rw-r--r--examples/framework-multiple/src/components/SvelteCounter.svelte21
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>