vue3中，如何给隔代组件插槽设置内容

[tgy3300]

我有三个tsx文件，代码如下：

--------组件desc.tsx--------
import { h} from 'vue'
export default defineComponent({
	name: 'MyDesc',
	setup(_, { slots }) {
		const resHtml = () => {
			return slots.footer
				? slots.footer({ row: 3, rowData: 5 })
				: h('div', null, 123)
		}
		return () => resHtml()
	},
})
--------组件title.tsx--------
import { h} from 'vue'
export default defineComponent({
	name: 'MyTitle',
	setup(_, { slots }) {
		const resHtml = () => {
			return h('div', null, [h('span', null, slots.title
				? slots.title() : "默认标题"), h(MyDesc)])
		}
		return () => resHtml()
	},
})
--------页面page.tsx--------
import { h} from 'vue'
export default defineComponent({
	setup() {
		const resHtml = () => {
			return h(MyTitle, null, {
                                title: () =>'设置标题',
				footer: ({ row, rowData }: { row: number; rowData: number }) =>
					h('div', null, row + rowData),
			})
		}
		return () => resHtml()
	},
})

现在的问题是，在page.tsx中调用MyTitle组件时，如何给隔代组件MyDesc的footer插槽设置内容