JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<div id="app"></div>

JavaScript

Vue.createApp({
  components: {
    AnchoredHeading: {
      props: ['level'],
      template: `<component :is="'h' + level"><slot/></component>`
    }
  },
  
  render () {
    return Vue.h(
      Vue.resolveComponent('anchored-heading'),
      {
        level: 1
      },
      [Vue.h('span', 'Hello'), ' world!']
      //{ default: () => [Vue.h('span', 'Hello'), ' world!'] }
    )
  }
}).mount('#app')