@rural-environmental-registry/map_component 2.0.4 → 2.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rural-environmental-registry/map_component",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "Map component for Vue.js applications",
   "main": "dist/index.mjs",
   "module": "dist/index.mjs",

package/src/components/map/LeafletMap.vue

@@ -7,7 +7,7 @@
 
 <script setup lang="ts">
   import L from 'leaflet'
-  import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
+  import { nextTick, onBeforeUnmount, onMounted, shallowRef } from 'vue'
   import DrawingControlHandler from '../../handlers/drawingControl'
   import MapHandler from '../../handlers/mapHandler'
   import { DEFAULT_MAP_OPTIONS } from '../../handlers/constants'
@@ -45,9 +45,9 @@
 
   const props = defineProps<MapProps>()
 
-  const map = ref<L.Map>()
-  const layerControl = ref<L.Control.Layers>()
-  const drawItemsGroup = ref<L.FeatureGroup>()
+  const map = shallowRef<L.Map>()
+  const layerControl = shallowRef<L.Control.Layers>()
+  const drawItemsGroup = shallowRef<L.FeatureGroup>()
 
   let mapHandlerInstance: MapHandler | null = null
   let mapToolsHandler: MapToolsHandler | null = null

package/src/components/menu/LayerMenu.vue

@@ -318,7 +318,7 @@
         initDefaultLayers()
       })
     },
-    { immediate: true, deep: true }
+    { immediate: true }
   )
 
   const onChildLayerChange = (layer: LayerData): void => {
@@ -508,4 +508,4 @@
       border-color: var(--mapa-base-white);
     }
   }
-</style>
+</style>