fix: enhance reactivity in StoryblokRichText by watching both doc and…

… resolvers with deep true
storyblok · Jan 15, 2025 · 684bfd4 · 684bfd4
1 parent 71cd136
commit 684bfd4
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/StoryblokRichText.vue b/src/components/StoryblokRichText.vue
@@ -12,13 +12,14 @@ const props = defineProps<StoryblokRichTextProps>();
 const renderedDoc = ref();
 const root = () => renderedDoc.value;
 
-watch(props.doc, (doc) => {
+watch([() => props.doc, () => props.resolvers], ([doc, resolvers]) => {
   const { render } = useStoryblokRichText({
-    resolvers: (props.resolvers as StoryblokRichTextResolvers<VNode>) ?? {},
+    resolvers: (resolvers as StoryblokRichTextResolvers<VNode>) ?? {},
   });
   renderedDoc.value = render(doc as StoryblokRichTextNode<VNode>);
 }, {
   immediate: true,
+  deep: true,
 });
 </script>