On gists

Slots drilling

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>
 
 <!-- Child -->
 <script setup>
    const transportFree = inject('transportFree')
 </script>
 <template>
    <component :is="transportFree" />
 </template>