fix: update falsy values "0", "false" and "null"

only check if value are undefined.

Author: d-koppenhagen

src/components/layers/OlLayerGroup.vue

@@ -7,11 +7,11 @@
 <script setup lang="ts">
 import {
   inject,
-  provide,
-  onUnmounted,
   onMounted,
-  watch,
+  onUnmounted,
+  provide,
   shallowRef,
+  watch,
 } from "vue";
 import LayerGroup, { type Options } from "ol/layer/Group";
 import type Map from "ol/Map";
@@ -58,7 +58,7 @@ watch(
   (newValue) => {
     for (const key in newValue) {
       const keyInObj = key as keyof typeof newValue;
-      if (newValue[keyInObj]) {
+      if (newValue[keyInObj] !== undefined) {
         layerGroup.value.set(key, newValue[keyInObj]);
       }
     }

src/components/map/OlOverlay.vue

@@ -9,12 +9,12 @@ import type { PanIntoViewOptions, Positioning } from "ol/Overlay";
 import Overlay, { type Options } from "ol/Overlay";
 import {
   inject,
-  ref,
-  watchEffect,
-  watch,
   onMounted,
   onUnmounted,
+  ref,
   shallowRef,
+  watch,
+  watchEffect,
 } from "vue";
 
 import type Map from "ol/Map";
@@ -82,7 +82,7 @@ watch(
   (newValue) => {
     for (const key in newValue) {
       const keyInObj = key as keyof typeof newValue;
-      if (newValue[keyInObj]) {
+      if (newValue[keyInObj] !== undefined) {
         overlay.value.set(key, newValue[keyInObj]);
       }
     }

src/composables/useLayer.ts

@@ -1,4 +1,4 @@
-import { inject, onUnmounted, ref, watch, type Ref } from "vue";
+import { inject, onUnmounted, ref, type Ref, watch } from "vue";
 
 import type { Map } from "ol";
 import type LayerGroup from "ol/layer/Group";
@@ -26,7 +26,7 @@ export default function useLayerInMapOrLayerGroup(
 
     for (const key in properties) {
       const keyInObj = key as keyof typeof properties;
-      if (properties[keyInObj]) {
+      if (properties[keyInObj] !== undefined) {
         layer.value.set(key, properties[keyInObj]);
       }
     }