summaryrefslogtreecommitdiff
path: root/examples/astro-nanostores/src/components/AdminsSvelte.svelte
blob: a98444b4f8905e3fa87580b200150477429e950f (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script>
  import { getValue } from 'nanostores'

  import { users } from '../store/users.js';
  import { counter, increaseCounter, decreaseCounter } from '../store/counter.js';

  const list = getValue(users).filter(user => user.isAdmin);
</script>

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