Add Rectangle component

<template>

  <l-map ref="map" v-model:zoom="zoom" :center="[46.41322, 0.219482]">

    <l-tile-layer

      url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"

      layer-type="base"

      name="OpenStreetMap"

    ></l-tile-layer>

    <l-rectangle

      :lat-lngs="[

        [46.334852, -1.509485],

        [46.342596, -1.328731],

        [46.241487, -1.190568],

        [46.234787, -1.358337],

      ]"

      :fill="true"

      color="#35495d"

    />

  </l-map>

</template>

<script>

import { LMap, LTileLayer, LRectangle } from "./../../components";

export default {

  components: {

    LMap,

    LTileLayer,

    LRectangle,

  },

  data() {

    return {

      zoom: 8,

    };

  },

};

</script>

<style></style>