Home > @xoram/plugin-panoramique > HarnessChildren

HarnessChildren type

Maps the slots advertised by a component to a list of children IDs to be bound to those same slots.

A looser openly indexed slot to children IDs record is available is the slot names can't be inferred from the component's type.

Signature:

export type HarnessChildren<component extends Component> = component extends (new (...args: unknown[]) => ComponentPublicInstance) ? {
    [key in keyof InstanceType<component>['$slots']]?: ChildrenIds;
} : {
    [slot: string]: ChildrenIds;
};

References: ChildrenIds

Example

const children = {
  default: ['child1', 'child2'],
  header: ['cardHeader']
}