Vega updates not queued

<head>
  <script src="https://cdn.jsdelivr.net/npm/vega@5"></script>
  <script src="https://cdn.jsdelivr.net/npm/vega-embed@6"></script>
</head>
<body>
  <div id="view"></div>
  <script>
    vegaEmbed(
      '#view',
      {
        "$schema": "https://vega.github.io/schema/vega/v5.json",
        "padding": 5,
        "width": 200,
        "height": 200,
        "data": [{"name": "foo"}],
        "marks": [
          {
            "type": "symbol",
            "from": {"data": "foo"},
            "encode": {
              "update": {
                "fill": {"value": "#4c78a8"},
                "x": {"scale": "x", "field": "a"},
                "width": {"value": 5},
                "y": {"scale": "y", "field": "b"}
              }
            }
          }
        ],
        "scales": [
          {
            "name": "x",
            "type": "linear",
            "domain": {"data": "foo", "field": "a"},
            "range": [0, {"signal": "width"}]
          },
          {
            "name": "y",
            "type": "linear",
            "domain": {"data": "foo", "field": "b"},
            "range": [{"signal": "height"}, 0]
          }
        ],
        "axes": [{
          "scale": "x",
          "orient": "bottom"
        }]
      }
    ).then(async (result) => {
      const view = result.view;
      
      for (const i of [1,2,3,4,5,6,7,8,9,10]) {
        view.insert("foo", [{a: i, b: i}]).runAsync()
      }
      
      view.resize().runAsync()
    });
  </script>
</body>

https://cdn.jsdelivr.net/npm/vega@5

https://cdn.jsdelivr.net/npm/vega-embed@6