show an example of a parent component using a value from a child componenent using defineexpose in vue 3 composition api in typescript

<template>
  <div>
    {{ exposedValue }}
  </div>
</template>

<script lang="ts">
import { defineComponent, defineExpose, ref } from 'vue'
export default defineComponent({
  setup() {
    const exposedValue = ref('Hello, World!')
    defineExpose({ exposedValue })
    return {
      exposedValue
    }
  }
})
</script>
321 chars
19 lines

<template>
  <div>
    <ChildComponent ref="child" />
    {{ child.exposedValue }}
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue'
import ChildComponent from '@/components/ChildComponent.vue'

export default defineComponent({
  components: { ChildComponent },
  setup() {
    const child = ref(null)
    return {
      child
    }
  }
})
</script>
384 chars
22 lines