父版本

<template>
    <input :type="computedType"/>
</template>
<script setup>
import { ref, computed } from 'vue';

const props = defineProps({
    type: {
        required: false,
        type: String,
        default: 'text',
    },
});

const showPassword = ref(false);
const computedType = computed(() => {
    if (props.type === 'password') {
        return showPassword.value ? 'text' : 'password';
    }
    return props.type;
});
</script>
<script>
export default {
    data() {
        return {
             uuid: getRandomUuid(),
        }
    }
}
</script>

子版本

<template>
    <input :type="computedType"/>
</template>
<script>
import Parent from '~/components/parent.vue'
export default {
    extends: Parent
}
</script>

在Vue 3中，我有一个从parent.vue继承的child.vue组件，我在parent.vue中定义了一个computedType计算属性，但在child.vue中缺少该属性，但是，在parent.vue中定义的uuid在child.vue中可以访问。
[Vue警告]：在呈现期间访问了属性“computedType”，但未在示例上定义该属性。
如何在child.vue中获取computedType和<script setup>中定义的parent.vue的任何其他属性？
真的很感谢提供的任何帮助！
更新：
只有在<script>（而不是setup()）中定义所有属性，而不是在<script setup>中定义所有属性，才可以访问这些属性