<script>
import { ref } from 'vue'
import Nested from './Nested.vue'

export default {
  components: {
    Nested,
  },

  setup() {
    const count = ref(2)

    return {
      count,
    }
  },
}
</script>

<template>
  <button @click="count++">
    +
  </button>
  <button @click="count--">
    -
  </button>

  <Nested
    key="foobar"
    :count="count"
  />
</template>
