RenderHtml Component

RenderHtml.vue

<script>
// Cool way to render Vue components from HTML Strings
// https://medium.com/haiiro-io/compile-markdown-as-vue-template-on-nuxt-js-1c606c15731c
import VueWithCompiler from "vue/dist/vue.esm";
export default {
	props: {
		html: {
			type: String,
			default: "",
		},
	},
	data() {
		return { templateRender: undefined };
	},
	watch: {
		html(to) {
			this.updateRender();
		},
	},
	created() {
		this.updateRender();
	},
	methods: {
		updateRender() {
			const compiled = VueWithCompiler.compile(this.html);
			this.templateRender = compiled.render;
			this.$options.staticRenderFns = [];
			for (const staticRenderFunction of compiled.staticRenderFns) {
				this.$options.staticRenderFns.push(staticRenderFunction);
			}
		},
	},
	render() {
		return this.templateRender();
	},
};
</script>

Hello friend, you will have any idea why I get this error.

I am running the code you shared on medium.

@ponceleon I guess it's because you are using Vue 3 (guessed because of vue@next) wich has a lot of API changes. I imagine the method I used doesn't work with Vue 3 anymore.