diff options
author | 2023-08-24 10:38:14 -0400 | |
---|---|---|
committer | 2023-08-24 10:38:14 -0400 | |
commit | f1c610636a7aeed0a272ab2669815135699b413c (patch) | |
tree | d7597c3468197559948f9fe2bafe13a8c3d71106 /examples/framework-multiple/src/components/svelte/SvelteCounter.svelte | |
parent | 608b2d732d762bf1f7f44a82b278caa8853c8c2f (diff) | |
parent | ebaccf8c1a2f37eacb6e1957c82fdf7f93b62b08 (diff) | |
download | astro-f1c610636a7aeed0a272ab2669815135699b413c.tar.gz astro-f1c610636a7aeed0a272ab2669815135699b413c.tar.zst astro-f1c610636a7aeed0a272ab2669815135699b413c.zip |
Merge pull request #8188 from withastro/next
Astro 3.0
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> |