/** Dispatch a `CustomEvent` from `el`. It bubbles by default so an ancestor can catch it. */
export function dispatch<T = unknown>(
  el: HTMLElement,
  name: string,
  detail: T,
  init: Omit<CustomEventInit<T>, 'detail'> = {},
): void {
  el.dispatchEvent(new CustomEvent(name, { bubbles: true, ...init, detail }));
}