diff options
| author |  Matthew Phillips <matthew@skypack.dev>
| 2022-02-14 12:48:52 -0500 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-02-14 12:48:52 -0500 |
| commit | ba5e2b5e6c20207955991775dc4aa8879331542c (patch) | |
| tree | 28e68347035a534f8b56991ede570dfcf830cb01 /examples/ssr/src/components/Cart.svelte | |
| parent | 61f438fdcbab7163bc3399e623a80d283e018371 (diff) | |
| download | astro-ba5e2b5e6c20207955991775dc4aa8879331542c.tar.gz astro-ba5e2b5e6c20207955991775dc4aa8879331542c.tar.zst astro-ba5e2b5e6c20207955991775dc4aa8879331542c.zip | |
Flagged SSR support (#2548)
* Checkpoint, basics are working
* Add the `--experimental-ssr` flag
* Adds the changeset
* Fixes population of getStaticPaths results
* Pass through the imported module
* Route manifest test
* Fix remaining tests
* Fix remaining tests
* Copy server assets over
* Fix types
* Allowing passing in the request to the Node version of App
* Improve the example app
* Gets CI to pass
Diffstat (limited to 'examples/ssr/src/components/Cart.svelte')
| -rw-r--r-- | examples/ssr/src/components/Cart.svelte | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/examples/ssr/src/components/Cart.svelte b/examples/ssr/src/components/Cart.svelte new file mode 100644 index 000000000..63dd1b5a5 --- /dev/null +++ b/examples/ssr/src/components/Cart.svelte @@ -0,0 +1,32 @@ +<script> + export let count = 0; + let items = new Set(); + + function onAddToCart(ev) { + const id = ev.detail; + items.add(id); + count++; + } +</script> +<style> + .cart { + display: flex; + align-items: center; + } + .cart :first-child { + margin-right: 5px; + } + + .cart-icon { + font-size: 36px; + } + + .count { + font-size: 24px; + } +</style> +<svelte:window on:add-to-cart={onAddToCart}/> +<div class="cart"> + <span class="material-icons cart-icon">shopping_cart</span> + <span class="count">{count}</span> +</div> |