Nuxt/examples/composables/use-state/app.vue
Clément Ollivier 1a7b570c82
docs(examples): add examples to docs (#3966)
Co-authored-by: Pooya Parsa <pyapar@gmail.com>
2022-03-30 17:59:28 +02:00

18 lines
409 B
Vue

<script setup>
const counter = useState('counter', () => Math.round(Math.random() * 1000))
</script>
<template>
<NuxtExampleLayout example="use-state">
<div>Counter: {{ counter }}</div>
<div>
<NButton class="font-mono" @click="counter++">
+
</NButton>
<NButton class="font-mono" @click="counter--">
-
</NButton>
</div>
</NuxtExampleLayout>
</template>