Is it possible component slot's input pass to child slot in Render?

[east-rain]

Hi,

I have a component named 'ABC'

<template>
    <div>
        Some text
        <slot/>
    </div>
    <slot name="header"></slot> 
</template>

And for some reason(defineCustomElement)
I use 'ABC' component with render and create outer Component.
This component named 'OUTER'

import ABC from './ABC.vue'
setup(props, context) {
    ....
    return () => h(ABC , ...props);
}

And I use 'OUTER' component this way

<OUTER>
    <div>Hello</div>
    <template #header>Bye</template>
</OUTER>

But I can't render slot's content.
How I can pass slot to child component?

Additional Inforamtion

I want to use ABC Component as a web component.
And I found vue support web component with 'defineCustomElement'
But I need install other plugins to web component.
So I found the way, wrapping this component
This is 'OUTER' component's full code

import ABC from './ABC.vue';
import plugins from './plugins.js
const OUTER = defineCustomElement({
    styles: style,
    props: ABC.props,
    emits: ABC.emits,
    template: {},
    setup(props, context) {
        const app = createApp();
        app.use(plugins);
        const inst = getCurrentInstance();
        Object.assign(inst.appContext, app._context);
        Object.assign(inst.provides, app._context.provides);
        return () => h(ABC , ...props);
    }
}
customElements.define('OUTER', OUTER);

[modelair]

u must pass context to h.
https://vuejs.org/api/render-function.html#render-function-apis

Object.assign(inst.appContext, app._context);
Object.assign(inst.provides, app._context.provides);

? looks awful
please, intently read documentation for framework before questions

[Doctor-wu]

You should pass the slots to the third parameters of h.

const OUTER = defineCustomElement({
    styles: style,
    props: ABC.props,
    emits: ABC.emits,
    template: {},
    setup(props, context) {
        const app = createApp();
        app.use(plugins);
        const inst = getCurrentInstance();
        Object.assign(inst.appContext, app._context);
        Object.assign(inst.provides, app._context.provides);
        return () => h(ABC , ...props, context.slots);
    }
}