exportRender 
Stability:
experimental ⚠️ Experimental feature, use at your riskTransform the default export statement, in <script setup> of Vue SFC, as a component render function.
| Features | Supported |
|---|---|
| Vue 3 | ✅ |
| Nuxt 3 | ❓ |
| Vue 2 | ✅ |
| Volar Plugin | ✅ |
TIP
This feature depends on defineRender, and make sure defineRender is not disabled.
Usage
vue
<script setup lang="tsx">
// JSX passed directly
export default <div>ok</div>
// Or using render function
export default () => <div>ok</div>
</script>Volar Configuration
jsonc
{
"vueCompilerOptions": {
"plugins": ["vue-macros/volar"],
"vueMacros": {
"exportRender": true,
},
},
}
Kevin Deng
zhiyuanzmj
Leo