JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

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

JavaScript

const CompA = {
  components: {
    SayHi: {
      template: `<div>Hi!</div>`
    }
  },
  
  render () {
    return Vue.h(Vue.resolveComponent('SayHi'))
  }
}

const CompB = {
  extends: CompA
}

const app = Vue.createApp({
  components: {
    MyChild: CompB
  }
})

app.mount('#app')