diff options
| author |  Ben Holmes <hey@bholmes.dev>
| 2022-07-11 15:42:10 -0400 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-07-11 15:42:10 -0400 |
| commit | faf3f3a8d111b543c0aca12432fe1a2ee5e2d726 (patch) | |
| tree | a754bd03b9db417a5dfeb1a4a50236b858884ec1 /examples/with-nanostores/src/components/AdminsVue.vue | |
| parent | bf5d1cc1e71da38a14658c615e9481f2145cc6e7 (diff) | |
| download | astro-faf3f3a8d111b543c0aca12432fe1a2ee5e2d726.tar.gz astro-faf3f3a8d111b543c0aca12432fe1a2ee5e2d726.tar.zst astro-faf3f3a8d111b543c0aca12432fe1a2ee5e2d726.zip | |
Update `with-nanostores` example to match docs walkthrough (#3840)
* feat: replace with-nanostores with new example
* docs: update README with docs call-out
* chore: small formatting inconsistencies
* nit: standardize to spaces :'(
* nit: standardize to tabs!
* refactor: use html "hidden" property
* nit: beta.66 for sanity
Diffstat (limited to 'examples/with-nanostores/src/components/AdminsVue.vue')
| -rw-r--r-- | examples/with-nanostores/src/components/AdminsVue.vue | 33 |
1 files changed, 0 insertions, 33 deletions
diff --git a/examples/with-nanostores/src/components/AdminsVue.vue b/examples/with-nanostores/src/components/AdminsVue.vue deleted file mode 100644 index 5eb73dd3d..000000000 --- a/examples/with-nanostores/src/components/AdminsVue.vue +++ /dev/null @@ -1,33 +0,0 @@ -<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> |