summaryrefslogtreecommitdiff
path: root/examples/framework-multiple/src/components/SvelteCounter.svelte
diff options
context:
space:
mode:
authorGravatar Erika <3019731+Princesseuh@users.noreply.github.com> 2022-08-04 14:16:51 -0400
committerGravatar GitHub <noreply@github.com> 2022-08-04 14:16:51 -0400
commitf591150512903014461e4fa1be3bc53bd261af2f (patch)
treedfdad8d11b3379cc47618398281ebca6e1be91bc /examples/framework-multiple/src/components/SvelteCounter.svelte
parent32580d4fdc6ba8bb9a7e39e0b2c001ab29b3b940 (diff)
downloadastro-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.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>