diff options
author | 2022-08-04 14:16:51 -0400 | |
---|---|---|
committer | 2022-08-04 14:16:51 -0400 | |
commit | f591150512903014461e4fa1be3bc53bd261af2f (patch) | |
tree | dfdad8d11b3379cc47618398281ebca6e1be91bc /examples/framework-multiple/src/components/SvelteCounter.svelte | |
parent | 32580d4fdc6ba8bb9a7e39e0b2c001ab29b3b940 (diff) | |
download | astro-f591150512903014461e4fa1be3bc53bd261af2f.tar.gz astro-f591150512903014461e4fa1be3bc53bd261af2f.tar.zst astro-f591150512903014461e4fa1be3bc53bd261af2f.zip |
Audit examples templates (#3940)
* basics, framework-alpine, framework-solid, delete unused examples
* framework-multiple
* Remove non-standard file extensions, add missing .vscode folders
* Remove robots.txt
* Remove blog-multiple-authors
* Rewrite components comments to be consistent
* Update lockfile
* Remove unnecessary usage of SCSS in subpath example
* Fix props weirdness in portfolio example
* Remove Lit from `framework-multiple` for now
* Misc fixes
* Update lockfile
* I'm in lockfile hell, send help
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> |