How to use render function in <script setup>?

[nazar1ua]

@yyx990803 #4980 (comment)

We may need something like defineRender.

[Sight-wcg]

<script setup>
import { ref,h } from 'vue'
  
const handleClick = () => {
   alert('click!!')
}
const MyButton=h('button',{type:'button',onClick:handleClick,style:'color:red'},"hello")
</script>

<template>
 <MyButton></MyButton>             
</template>

Wrap it like this. Demo

[nazar1ua]

Thanks

[andrey-hohlov]

https://vue-macros.sxzz.moe/macros/define-render.html