media-object-refinement

rei · Jan 9, 2025 · d1f42a5 · d1f42a5
1 parent 0a5a90c
commit d1f42a5
Showing 1 changed file with 16 additions and 19 deletions.
diff --git a/src/components/choreographer/CdrChoreographer.vue b/src/components/choreographer/CdrChoreographer.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useCssModule, computed } from 'vue';
+import { useCssModule, markRaw } from 'vue';
 import {
   CdrAbstract,
   CdrKicker,
@@ -30,24 +30,21 @@ const props = withDefaults(defineProps<Choreographer>(), {
   components: () => ({}),
 });
 
-const componentMap = computed(
-  () =>
-    ({
-      abstract: CdrAbstract,
-      kicker: CdrKicker,
-      title: CdrTitle,
-      body: CdrBody,
-      image: CdrImg,
-      picture: CdrPicture,
-      rating: CdrRating,
-      link: CdrLink,
-      card: CdrCard,
-      layout: CdrLayout,
-      button: CdrButton,
-      container: CdrContainer,
-      ...props.components,
-    }) as ChoreographerComponents,
-);
+const componentMap = markRaw({
+  abstract: CdrAbstract,
+  kicker: CdrKicker,
+  title: CdrTitle,
+  body: CdrBody,
+  image: CdrImg,
+  picture: CdrPicture,
+  rating: CdrRating,
+  link: CdrLink,
+  card: CdrCard,
+  layout: CdrLayout,
+  button: CdrButton,
+  container: CdrContainer,
+  ...props.components,
+}) as ChoreographerComponents;
 
 const baseClass = 'cdr-choreographer';
 const style = useCssModule();