From 5ec9c6b6870b4a5f6f1865d2e29e1e2f4a1cb67c Mon Sep 17 00:00:00 2001
From: Danny Koppenhagen <Danny.Koppenhagen@deutschebahn.com>
Date: Wed, 7 Jun 2023 08:14:59 +0200
Subject: [PATCH] refactor(ol-heatmap-layer): layer does not need to be a
 computed

The properties are watched and applied on the existing layer once changed. There is no need to re-compute the layer
---
 src/components/layers/OlHeatmapLayer.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/layers/OlHeatmapLayer.vue b/src/components/layers/OlHeatmapLayer.vue
index 3db1fdf5..9e5a8520 100644
--- a/src/components/layers/OlHeatmapLayer.vue
+++ b/src/components/layers/OlHeatmapLayer.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script setup>
-import { inject, provide, onUnmounted, onMounted, watch, computed } from "vue";
+import { inject, provide, onUnmounted, onMounted, watch } from "vue";
 
 import HeatmapLayer from "ol/layer/Heatmap";
 import usePropsAsObjectProperties from "@/composables/usePropsAsObjectProperties";
@@ -35,18 +35,18 @@ const map = inject("map");
 
 const { properties } = usePropsAsObjectProperties(props);
 
-const heatmapLayer = computed(() => new HeatmapLayer(properties));
+const heatmapLayer = new HeatmapLayer(properties);
 
 watch(properties, () => {
-  heatmapLayer.value.setProperties(properties);
+  heatmapLayer.setProperties(properties);
 });
 
 onMounted(() => {
-  map.addLayer(heatmapLayer.value);
+  map.addLayer(heatmapLayer);
 });
 
 onUnmounted(() => {
-  map.removeLayer(heatmapLayer.value);
+  map.removeLayer(heatmapLayer);
 });
 
 provide("heatmapLayer", heatmapLayer);