JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div id="app">
  <test-render v-slot="{ foo }">
    <div>
    <h1>test</h1>
    <span v-html="foo"></span>
    </div>
  </test-render>
</div>

Vue

Vue.component('test-render',{
	render() {
  	return this.$scopedSlots.default({
    	foo: `<h2 class="test">test</h2>`
    });
  }
})

new Vue({el: '#app'})