Skip to content

API Reference ​

mountComponent ​

Mount a component, pass over props, slots and teleport it.

ts
mountComponent(component);

mountComponent({
  component: null,
  props: {},
  emits: {},
  slots: {},
  target: '',
  inheritAttrs: true,
  immediate: true,
  transition: ''
});

unmountComponent ​

Unmount a component via its mountedId.

ts
unmountComponent(id);

unmountAllComponents ​

Unmount all currently mounted components.

ts
unmountAllComponents();

BaseOptions ​

All available options to be passed over to mountComponent and createSlot.

ts
interface BaseOptions<C> {
	component?: C;
	props?: ResolvedProps<C>;
	emits?: BaseEmits<C>;
	slots?: BaseSlots<C>;
	inheritAttrs?: boolean;
	immediate?: boolean;
	target?: TeleportProps['to'];
	transition?: TransitionProps | TransitionGroupProps
};

WakuData ​

Return value of mountComponent.

ts
interface WakuData {
  id: string
  vNode: VNode
  el?: RendererElement | Element | null
  visible: ShallowRef<boolean>
  destroy: () => void
}

WakuSlot ​

ts
interface WakuSlot {
	id: string;
	component: Component;
	data: any;
	slots: any;
	[__isWakuSlot]: boolean;
};

DefaultProps ​

These Props are automatically generated and passed over to each component that is mounted via mountComponent!

ts
interface WakuInternalProps {
	readonly wakuMountedId: string;
	readonly wakuSlotId: string;
	readonly wakuIsProgrammatic: boolean;
	onDestroy: () => void;
}

Released under the MIT License.