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]>

Author: jonashae

Diff for: 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 for: 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>;