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

Vue.createApp({
	template: `
    <MyChild>
      <template #default="{ test }">
      	<BaseButton @click="test()">test</BaseButton>
      	<CompanyName />
			</template>
    </MyChild>
  `,
  
  components: {
    BaseButton: {
      template: `<button><slot/></button>`
    },
    
    CompanyName: {
      template: `<div>Company Name</div>`
    },
    
    MyChild: {
      template: `
        <div>
          <slot :test="test" />
        </div>
      `,
      
      methods: {
        test () {
          console.log('test called')
        }
      }
    }
  }
}).mount('#app')