Vue/3/Render Function Api

Last update

Jul 24, 2024

In Vue 3.x, h is now globally imported instead of being automatically passed as an argument. This codemod migrates the render function API to be compatible with Vue 3.x.

Before

export default {
  render(h) {
    return h('div')
  }
}

After

import { h } from 'vue'

export default {
  render() {
    return h('div')
  }
}

In Vue 3.x, h is now globally imported instead of being automatically passed as an argument. This codemod migrates the render function API to be compatible with Vue 3.x.

Before

export default {
  render(h) {
    return h('div')
  }
}

After

import { h } from 'vue'

export default {
  render() {
    return h('div')
  }
}

Build custom codemods

Use AI-powered codemod studio and automate undifferentiated tasks for yourself, colleagues or the community

Get Started Now