import React from 'react' ; import { defineComponent , ref } from 'reactivue' ; import { useHead } from '@vueuse/head' ; export const Head = defineComponent ( ( ) => { const title = ref ( document . title ) ; const setTitle = ( val ) => title . value = val ; useHead ( { title } ) ; return { title , setTitle } ; } , ( { title , setTitle } ) => { return ( < div className = "card" > < p > useHead < /p> < div className = "p-1" > < input value = { title } onChange = { e => setTitle ( e . target . value ) } /> < /div> < /div>); } ) ;