Create Component with Slot on runtime

[skoenfaelt]

Hello,
currently, I managed to create components on runtime. The problem I face, I cant really set slots for this component.

For example:
There is a card with a default and action slot. I can access the component instance and see the props and setup keys but there is not for slots. If I create a new key for slot and add

component.slots.default = 'hello'

its not getting rendered but the key with its value is present.

What is the correct approach to mount/ create a component on runtime programmatically?

---

my render section

<component
        v-for="(element, index) in componentDefinitions"
        :key="'component_menu_' + element.id + index"
        :class="{ 'mt-2': index > 0 }"
        v-bind="element.builderProps.props" // the props from element.component
        :is="element.component" // the component Instance via shallowRef
        @click="openSettingsMenu(element)"
      />
      ```

[skoenfaelt]

Okay it was easier than thought.
https://vuejs.org/guide/components/slots.html#dynamic-slot-names

I knew that documentation but i didnt checked, that the name between the brackets could be fetched from a vFor, since my IDE shows its not connected.

<component
        v-for="(element, index) in componentDefinitions"
        :key="'component_menu_' + element.id + index"
        :class="{ 'mt-2': index > 0 }"
        v-bind="element.builderProps.props"
        :is="element.component"
        @click="openSettingsMenu(element)"
      >
        <template v-for="slotname in element.slots" #[slotname]> slot-placeholder </template>
      </component>

with that, element.slots = string[]