I have defined properties in the parent component which are then passed externally to the parent component, how can I use these properties in the child component.

Parent.vue

<script setup>

defineProps({
  col: { type: Number, default: 3 },
  // default | auto | mid | large | large2x
  labelWidth: { type: String, default: 'default' },
})
</script>

<template>
<div>
  <slot></slot>
</div>
</template>

Child.vue

<script setup>
</script>

<template>
  <!-- How to use labelWidth from parent component here -->
  <div>
    <label>Hello</label>
    <slot></slot>
  </div>
</template>

App.vue

<script setup>
import Parent from 'Parent.vue'
import Child from 'Child.vue'
</script>

<template>
<Parent label-width="large">
  <Child></Child>
  <Child></Child>
</Parent>
</template>