Map not displayed

Hello, I am having a problem with your package, I am trying to reproduce the base map. First, I realized that I was assinging a bad style because the component raised an error when trying to make the http request. But now, it doesn’t raise any error, and still like that, the map isn’t displayed. Here is the component:

<template>
  <q-page id="map" class="row items-center justify-evenly">
    <MglMap
      style="width: 100%"
      container="#map"
      :center="coordinates"
      :accessToken="accessToken"
      :mapStyle.sync="mapStyle"
    />
  </q-page>
</template>

<script lang="ts">
import Vue from 'vue';
import Mapbox from 'mapbox-gl';
import { MglMap } from 'vue-mapbox';
import 'mapbox-gl/dist/mapbox-gl.css';

export default Vue.extend({
  name: 'PageIndex',
  data() {
    return {
      accessToken:
        'MY_ACCESS_TOKEN',
      mapStyle: 'mapbox://styles/mapbox/streets-v11',
      coordinates: [23.119456, -82.426454]
    };
  },
  components: {
    MglMap
  },
  created() {
    this.mapbox = Mapbox;
  }
});
</script>

[vvavepacket]

It is working thank you.

[vvavepacket]

@elC0mpa Did you managed to fix this?