Как стилизовать элементы слоя с помощью VueMapbox и Mapbox-gl

Question

Может кто-нибудь указать мне пример того, как задать стиль рисования слоя с помощью пакета VueMapbox npm?

API для VueMapbox можно найти здесь

https://soal.github.io/vue-mapbox/

Это то, что я пробовал в моем Vue component ...

<template>
  <div>
    <MglMap
      :accessToken="accessToken"
      :mapStyle="mapStyle"
      :zoom="3"
      :center="[-90, 40]"
    >
      <MglVectorLayer
        :sourceId="ILLowerHouseVectorSource.id"
        :source="ILLowerHouseVectorSource"
        :layerId="ILLowerHouseVectorLayer.id"
        :layer="ILLowerHouseVectorLayer"
      />
</div>
</template>

<script>
...
export default {
  components: {
    MglMap,
    MglVectorLayer
  },
  data() {
    return {
      ILLowerHouseVectorLayer: {
        id: "il-lower-house",
        type: "line",
        "source-layer": "ILLowerHouse-dvf1ci",
        paint: {
          "fill-color":
            "rgba(100,50,0,0.55)",
          "fill-outline-color": "rgba(255,0,0,0.55)"
        }
      }
}
</script>

Приводит к этой ошибке ...

Ошибка: layer.il-lower-house.paint.fill-outline-color: неизвестное свойство "fill-outline-color" в Object.qn [as emitValidationErrors]

С другой стороны, у меня нет проблем с указанием такого атрибута рисования без VueMapbox ...

map.on("load", function() {
  map.addLayer({
    id: "ILLowerHouse,
    type: "fill",
    source: {
      type: "vector",
      url: "mapbox://<XXXXXXID>"
    },
    "source-layer": "ILLowerHouse-dvf1ci",
    paint: {
      "fill-color":
        "rgba(100,50,0,0.55)",
      "fill-outline-color": "rgba(255,0,0,0.55)"
    }
  });