summaryrefslogtreecommitdiff
path: root/examples/with-nanostores/src/components/AdminsSvelte.svelte
blob: bae3fbef8131a11d95a851a9d26ba1ec9f3e1a1e (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script>
  import { admins } from '../store/admins.js';
  import { counter, increaseCounter, decreaseCounter } from '../store/counter.js';
</script>

<h1>Svelte</h1>
<ul>
  {#each $admins as admin}
    <li>{JSON.stringify(admin, null, 2)}</li>
  {/each}
</ul>
<div>
  <h3>Counter</h3>
  <p>{$counter.value}</p>
  <button on:click={decreaseCounter}>-1</button>
  <button on:click={increaseCounter}>+1</button>
</div>
<br />
<!-- Just to get rid of a warning -->
<slot />