diff options
author | 2021-06-28 07:02:59 -0500 | |
---|---|---|
committer | 2021-06-28 07:02:59 -0500 | |
commit | 3c26035f535d4e54a60fde871a75fb4371ccdbe8 (patch) | |
tree | 75b37a3caf9ac3be607a6c9df0cbb71fb07392d2 /examples/with-multiple-frameworks/src/components/SvelteCounter.svelte | |
parent | 436783d059ad70e1f7d8438d9eefcb9c5257e2d3 (diff) | |
download | astro-3c26035f535d4e54a60fde871a75fb4371ccdbe8.tar.gz astro-3c26035f535d4e54a60fde871a75fb4371ccdbe8.tar.zst astro-3c26035f535d4e54a60fde871a75fb4371ccdbe8.zip |
Split out specific framework examples (#559)
* rename kitchen sink, pull out react example
* split out the rest of the examples
* align versions
Co-authored-by: Austin Crim <crim.austin@principal.com>
Diffstat (limited to 'examples/with-multiple-frameworks/src/components/SvelteCounter.svelte')
-rw-r--r-- | examples/with-multiple-frameworks/src/components/SvelteCounter.svelte | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/examples/with-multiple-frameworks/src/components/SvelteCounter.svelte b/examples/with-multiple-frameworks/src/components/SvelteCounter.svelte new file mode 100644 index 000000000..8d6b3f5e1 --- /dev/null +++ b/examples/with-multiple-frameworks/src/components/SvelteCounter.svelte @@ -0,0 +1,22 @@ + +<script> + let children; + 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="children"> + <slot /> +</div> |