charting refactor into shapes, not debugged

src/components/chart/BuilderFactory.vue

@@ -0,0 +1,31 @@
+<template>
+  <component :is="component" :builder="builder"/>
+</template>
+
+<script setup>
+import {computed} from "vue";
+import DCABuilder from "@/components/chart/DCABuilder.vue";
+import LimitBuilder from "@/components/chart/LimitBuilder.vue";
+import Test from "@/components/chart/Test.vue";
+
+const props = defineProps(['builder'])
+
+const component = computed(()=>{
+  console.log('builder component', props.builder)
+  switch (props.builder.component) {
+    case 'DCABuilder':
+      return DCABuilder
+    case 'LimitBuilder':
+      return LimitBuilder
+    case 'Test':
+      return Test
+    default:
+      console.error('Unknown builder component '+props.builder.component)
+      return null
+  }
+})
+</script>
+
+<style scoped lang="scss">
+
+</style>