vue-slot-portal

Vue plugin for across-component slot distribution.

install

npm i vue-slot-portal

usage

1. define slot routes (key: slotName, value: componentName)

import slotPortal from 'vue-slot-portal'

const slotRoutes = {
  level5: 'Level5'
}

Vue.use(slotPortal, slotRoutes)

2. write slot content anywhich component in your project, with SlotReceiver

// write your slot content anywhere as you need
// someComponent.vue

<template>
  <div class="somewhere">
    ...
    <SlotReceiver>
      
      <template v-slot:level5="slotProps">
        <div>slot content from Index receiver: {{slotProps.test}}div>
      template>
    SlotReceiver>
  div>
template>