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>
    <button>
      Slot content
    </button>
  </my-child>
</div>

JavaScript

const { createApp, onMounted, ref, withDirectives } = Vue

createApp({
  components: {
    MyChild: {
      setup (props, { slots }) {
        return () => {
          let node = slots.default && slots.default()[0]
          
          if (node) {
            node = withDirectives(node, [[{
              mounted (el) {
                console.log(el)
              }
            }]])
          }
          
          return node
        }
  		}
    }
  }  
}).mount('#app')