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-component>
    <div></div>
  </my-component>
</div>

CSS

div {
  padding: 10px;
  border: 1px solid red;
}

JavaScript

Vue.createApp({
  components: {
    MyComponent: {
      template: `
        <div>
          <transition>
            <slot></slot>
          </transition>
        </div>
      `
    }
  }
}).mount('#app')