Leaflet: Adding a vector layer from a remote GeoJSON file

Adding a vector layer from a remote GeoJSON file

import {
  MapLeaflet,
  VectorLayer
} from "../../../modules/scms.js"

<MapLeaflet
  height="400px"
  baseLayers={["OSM", "EsriSatellite"]}
  fitToContent={true} >
  
  <VectorLayer
    name="Iron Age Sites"
    fitToContent={true}
    checked={true}
    source={{
      path2data: {
        path: "https://d2ad6b4ur7yvpq.cloudfront.net/naturalearth-3.3.0/ne_110m_populated_places_simple.geojson"
      }
    }}
    popupTemplate="<p><strong>${ls_name}</strong>"
  />
</MapLeaflet>