orders submitting but breaking due to fee send

src/components/chart/ChartOrder.vue

@@ -18,7 +18,7 @@
                  :color="color" variant="text" @click="order.amountIsTokenA=!order.amountIsTokenA"/>
         </template>
       </v-text-field>
-      <template v-for="b in builders(order)">
+      <template v-for="b in order.builders">
         <builder-factory :order="order" :builder="b"/>
       </template>
       <div class="my-3">
@@ -35,17 +35,12 @@
   </row-bar>
 </template>
 
-<script>
-import {newBuilder} from "@/orderbuild.js";
-const defaultMarketBuilder = newBuilder('MarketBuilder')
-</script>
-
 <script setup>
 
 import BuilderFactory from "@/components/chart/BuilderFactory.vue";
 import {newBuilder, useChartOrderStore} from "@/orderbuild.js";
 import {useOrderStore} from "@/store/store.js";
-import {computed} from "vue";
+import {computed, watch} from "vue";
 import {lightenColor, lightenColor2} from "@/misc.js";
 import {useTheme} from "vuetify";
 import RowBar from "@/components/chart/RowBar.vue";
@@ -56,16 +51,21 @@ const props = defineProps(['order'])
 const co = useChartOrderStore()
 const os = useOrderStore()
 
+const marketBuilder = newBuilder('MarketBuilder')
 console.log('order', props.order)
 function build(order, component, options={}) {
   order.builders.push(newBuilder(component, options))
 }
 
-function builders(order) {
-  let result = order.builders
-  return result.length > 0 ? result : [defaultMarketBuilder]
+function marketBuilderWatcher() {
+  if (props.order.builders.length === 0)
+    props.order.builders.push(marketBuilder)
+  else if (props.order.builders.length>=2 && props.order.builders[0] === marketBuilder)
+    props.order.builders = props.order.builders.filter((b)=>b!==marketBuilder)
 }
 
+watch(props.order, marketBuilderWatcher)
+
 const theme = useTheme().current
 const color = computed(()=>new Color(props.order.buy?theme.value.colors.success:theme.value.colors.error).darken(0.2).string())
 const lightColor = computed(() => lightenColor(color.value))