summaryrefslogtreecommitdiff
path: root/examples/with-svelte/src
diff options
context:
space:
mode:
Diffstat (limited to 'examples/with-svelte/src')
-rw-r--r--examples/with-svelte/src/components/Counter.svelte20
-rw-r--r--examples/with-svelte/src/pages/index.astro38
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>