fix: console warnings (#397)

- add toRefs quickfix in OlTileLayer.vue, props should not bei writeable, so I change the props to a ref - make options reactive to fix the warning in the console Co-authored-by: Jonas Hunfeld-Häutle <[email protected]>
MelihAltintas · Dec 17, 2024 · 82aff4c · 82aff4c
1 parent 9451194
commit 82aff4c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/layers/OlTileLayer.vue b/src/components/layers/OlTileLayer.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script setup lang="ts">
-import { provide } from "vue";
+import { provide, toRefs } from "vue";
 import TileLayer from "ol/layer/Tile";
 import useLayer from "@/composables/useLayer";
 import {
@@ -25,7 +25,7 @@ const props = withDefaults(
   },
 );
 
-const { layer } = useLayer(TileLayer, props);
+const { layer } = useLayer(TileLayer, toRefs(props));
 
 provide("tileLayer", layer);
 

diff --git a/src/composables/usePropsAsObjectProperties.ts b/src/composables/usePropsAsObjectProperties.ts
@@ -19,7 +19,7 @@ function checkAndUpdateStylePropDef<T extends Record<string, unknown>>(
   options: T,
 ) {
   if ("styles" in options) {
-    const { styles, ...rest } = toRefs(options);
+    const { styles, ...rest } = toRefs(reactive(options));
     return { style: styles, ...rest } as OlClassOptions<T>;
   } else {
     return options as OlClassOptions<T>;