<script setup>
import { ref, computed } from 'vue'

const count = ref(0)
const doubled = computed(() => count.value * 2)

function increment() {
  count.value++
}
</script>

<template>
  <p>Count: {{ count }} (doubled: {{ doubled }})</p>
  <button @click='increment'>Add one</button>
</template>