<script setup>
  import { computed } from 'vue'
  import useTest from './useTest.js'

  const props = defineProps({
    state: Number
  })

 // POZOR
 // bud predam getter a pak musim mit v composablu watcher viz nic, nebo nepotrebuju getter
 // a misto nej predam toRef nebo computed
 // useTest(computed(() => props.state))
 // useTest(toRef(props, 'state'))
 
 
 // Nebo to mit v composable pres computed a muzu tam posilat getter nebo ref a pak pres toValue, viz 2 priklad
  
 const { state: state2 } = useTest(() => props.state)
 
</script>

<template>
  <div>
    TheA -> {{ state }} and from compposable 
    {{ state2 }}
  </div>
</template>