Fix non-reactive toolkit prop for Vue 3.5

WolfgangDrescher · Oct 14, 2024 · 7f4fad0 · 7f4fad0
1 parent c565dec
commit 7f4fad0
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/VerovioCanvas.vue b/src/components/VerovioCanvas.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, toRefs, watch } from 'vue';
+import { ref, toRefs, watchEffect } from 'vue';
 import { useVerovio } from '../composables/useVerovio';
 import Loading from './Loading.vue';
 import { useIntersectionObserver } from '@vueuse/core';
@@ -85,8 +85,8 @@ const {
 
 setToolkit(props.toolkit);
 
-watch(() => props.toolkit, (value) => {
-    setToolkit(value);
+watchEffect(() => {
+    setToolkit(props.toolkit);
 });
 
 defineExpose({