blob: 74476ad7b4ae9b5d132df247b425dfd0c11c8b27 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
|
# Vigilante
## Description
Store all your observables in one place. `Vigilante` consists only of one function, `vigilante.observe(keyword)`, that is used to get an observable from the store.
For instructions, see the short example below or a full example [here](https://github.com/jantuomi/riot-parcel-example).
## Get it
```shell
yarn install vigilante
```
## Example
app.tag
```jsx
<app>
<counter />
<push-button />
<script>
import { observe } from 'vigilante';
</script>
</app>
```
counter.tag
```jsx
<counter>
<h3>Times clicked: { count }</h3>
<push-button />
<script>
this.count = 0;
const counter = this;
observe('clicker').on('click', () => {
counter.count += 1;
counter.update();
});
</script>
</counter>
```
push-button.tag
```jsx
<push-button>
<button onclick={ click }>Click me!</button>
<script>
click() {
observe('clicker').trigger('click');
}
</script>
</push-button>
```
|
