On gists

Slots drilling

Popular ⭐ Vue.js

better-way.vue Raw #

<!-- Parent -->
  <script setup>
    provide('transportFree', useSlots().transportfree)  // slot existuje i kdyz ho vubec nepouziju v komponente, ve smyslu <slot name="transportfree" />, staci zvenci <template #transportfree>content</template>
 </script>
 
 <!-- Any Grand-Grand-Child -->
 <script setup>
    const transportFree = inject('transportFree') // or with params   <component :is="transportFree?.({ someProp: 123 })" />
 </script>
 <template>
    <component :is="transportFree" />
 </template>