<template>
  <div>
   {{ state }}
   <hr>
   <TheA :state="state" />
  </div>
</template>

<script setup>
  import { toRefs, ref, computed } from 'vue'
  import TheA from './TheA.vue'

 const props = defineProps({
    state: {
      type: Number
    }
  })
</script>