blob: 5eb73dd3dc87d20e3dd4210d24ad71d364795c08 (
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
25
26
27
28
29
30
31
32
33
|
<template>
<div>
<h1>Vue</h1>
<ul>
<li v-for="admin in list" :key="admin.id">
{{ JSON.stringify(admin, null, 2) }}
</li>
</ul>
<div>
<h3>Counter</h3>
<p>{{ count.value }}</p>
<button @click="decreaseCounter">-1</button>
<button @click="increaseCounter">+1</button>
</div>
<br />
</div>
</template>
<script>
import { useStore } from '@nanostores/vue';
import { admins } from '../store/admins.js';
import { counter, increaseCounter, decreaseCounter } from '../store/counter.js';
export default {
setup() {
const list = useStore(admins);
const count = useStore(counter);
return { list, count, increaseCounter, decreaseCounter };
},
};
</script>
|
