Vue/3/Render Function Api

Last update

Sep 12, 2025

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