import mapblibre in xelement

---
import XElement from 'astro-xelement';
import { Debug } from 'astro/components';

const { Div } = XElement;
---
<Div id="map" style="position: absolute; top: 0; bottom: 0; width: 100%;"
    @do={(element,store)=>{
      import maplibregl from 'maplibre-gl';
      import 'maplibre-gl/dist/maplibre-gl.css';
      store.map = new maplibregl.Map({
        container: 'map', // container id
        style: 'https://demotiles.maplibre.org/style.json', // style URL
        center: [0, 0], // starting position [lng, lat]
        zoom: 1 // starting zoom
    }}
  ></Div>