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 />
|