use Partial<> and without use toRefs.
<script setup lang="ts">
import { ref, toRefs } from 'vue'
interface IGroupDetail {
created_at: string;
}
const props = defineProps<{
groupDetail: Partial<IGroupDetail>
}>()
// const { groupDetail } = toRefs(props) // Comment this code，groupDetail in template will unknown
</script>
<template>
<div> {{ groupDetail?.created_at }}</div>
</template>
Vue version
3.4.38
Link to minimal reproduction
https://play.vuejs.org/#eNqFUktu2zAQvcqAmySAIS3SReHKBvoJinTRGmmXBAJCGilMKJIgR7YBQTfokXqnXqFDOo5VIB+uODPvzbz5jOKj98V2QLEUVayD9gQRafBglO1WUlCUYi2t7r0LBCMEbBdA7gbbCBO0wfVwxvQzaRlkCUOraoTrr8EN/guS0gZGaYFfHVARNreKlhApaNt9kHaStnY2EvjgfIQVNNhqi5tkVY/E7pRrCRsVSCtTzSuwvml9fpEklCUc8o1zGitdPYo+z4UugIGfXd+jJaA7HZnV4N8/v+ckbYGw94ZVw04bA4N9sG5nIRWqysO0uDYbRxxbAFWjt2uA8T8Jxal9mKaqTJjc3gmdlRVvcqpyVk0seEPccau74j46y2vMU5Oidr3XBsMPT5onIsXyuAgplDFu9y37KAy4OPrrO6wfnvHfx33ySbEJGDFsUYqnGKnQIR3CVz+/457/T8HeNYNh9CvBG4zODEnjAfZpsA3LnuGy2ut8gHw0v+LVntDGY1NJaEJOGS8FHyMv9sXWT3Ivi3eZx8fDU7zdYkg5eYAcKC7fi+kfIUcQtw==
Steps to reproduce
use Partial<> and without use toRefs.
What is expected?
groupDetail type should be Partial
What is actually happening?
groupDetail type is unknown
System Info
No response
Any additional comments?
No response