如何简化vue3代码？

import { computed } from 'vue';
export interface Props {
  data: {
    div: {... }[];
    progress: {...};
  };
}
const { data } = defineProps<Props>();
const div = computed(() => data.div);
const progress = computed(() => data.progress);

我希望直接使用div,progress,它们需要保持响应式，如何简化呢？

...