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

const ChildComponent = {
  props: { user: Object },
  template: `<div>{{ user.name }}</div>`
}

const ParentComponent = {
  components: { ChildComponent },
  template: `<ChildComponent :user="administrator" />`,

  data () {
    return {
      administrator: { name: 'admin', id: 123 }
    }
  }
}

Vue.createApp(ParentComponent).mount('#app')