JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<div id="app" data-hello="World">
  <apples-component>
  </apples-component>
  <bananas-component>
  </bananas-component>
</div>

JavaScript

const { createApp } = Vue
const BananasComponent = { template: '<div>Bananas</div>' }
const ApplesComponent = { template: '<div>Apples</div>' }

const app = createApp({});

app
    .component('bananas-component', BananasComponent)
    .component('apples-component', ApplesComponent)

app.mount('#app')