How should I build with render in <script setup>

[tetezi]

在 <script setup>里，我应该如何不通过template构建而是直接使用render构建？
In <script setup>, how do I build directly with render instead of template?
我之前的做法是
What I did before was this

<template>
    <component :is="getRender" />
</template>
<script lang="tsx" setup> 
const getRender = () => {
    return <div>...</div>
}
</script>

但这并不优雅，请问存在其他被我忽略的api吗？
But that's not elegant. Are there other apis I overlooked?
如果没有的话，后续版本可能会添加对应功能的宏吗？像是defineRender?
If not, are macros for this feature likely to be added in future versions? Like defineRender?

[JavanShen]

也许可以尝试建 tsx 文件然后导出

// 这是纯函数组件没有生命周期，如果需要可以用 defineComponent
export const GetRender = () => {
    return <div>...</div>
}

在其它页面使用

<template>
    <GetRender />
</template>
<script lang="ts" setup> 
import { GetRender } from 'xx'
</script>