<For> iterating Map

[yonathan06]

I was thinking on creating a custom component that can iterate over a Map and stay reactive

function simpleKeyValMap<K, T>(
  props: { each: Map<K, T>; children: Function; fallback?: string },
  wrap: (fn: Function, item: any, i: number, k: K) => string
) {
  const list = props.each || new Map(),
    len = list.size,
    fn = props.children;
  if (len) {
    let mapped = Array(len);
    let i = 0;
    for (const [key, val] of list) {
      mapped[i] = wrap(fn, val, i, key);
      i++;
    }
    return mapped;
  }
  return props.fallback;
}

export function ForMap<K, T>(props: {
  each: Map<K, T>;
  fallback?: string;
  children: (item: T, index: () => number, key: () => K) => string;
}) {
  return simpleKeyValMap(props, (fn, item, i, k) =>
    fn(
      item,
      () => i,
      () => k
    )
  );
}

But not sure if the items inside the Map, or the Map it self will stay reactive