diff options
Diffstat (limited to 'examples/with-svelte/src')
-rw-r--r-- | examples/with-svelte/src/components/Counter.svelte | 20 | ||||
-rw-r--r-- | examples/with-svelte/src/pages/index.astro | 38 |
2 files changed, 0 insertions, 58 deletions
diff --git a/examples/with-svelte/src/components/Counter.svelte b/examples/with-svelte/src/components/Counter.svelte deleted file mode 100644 index 9aaf421c1..000000000 --- a/examples/with-svelte/src/components/Counter.svelte +++ /dev/null @@ -1,20 +0,0 @@ -<script> - 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> diff --git a/examples/with-svelte/src/pages/index.astro b/examples/with-svelte/src/pages/index.astro deleted file mode 100644 index 5a0c1039d..000000000 --- a/examples/with-svelte/src/pages/index.astro +++ /dev/null @@ -1,38 +0,0 @@ ---- -import Counter from '../components/Counter.svelte' ---- - -<html> - <head> - <meta charset="utf-8" /> - <meta - name="viewport" - content="width=device-width, initial-scale=1, viewport-fit=cover" - /> - <style> - :global(:root) { - font-family: system-ui; - padding: 2em 0; - } - :global(.counter) { - display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); - place-items: center; - font-size: 2em; - margin-top: 2em; - } - :global(.children) { - display: grid; - place-items: center; - margin-bottom: 2em; - } - </style> - </head> - <body> - <main> - <Counter:visible> - <h1>Hello Svelte!</h1> - </Counter:visible> - </main> - </body> -</html> |