interactive horizontal limit lines

src/components/Orders.vue

@@ -95,7 +95,7 @@
 <script setup>
 import {FixedNumber} from "ethers";
 import {useStore} from "@/store/store";
-import {computed, defineAsyncComponent, reactive} from "vue";
+import {computed, defineAsyncComponent, ref} from "vue";
 import Btn from "@/components/Btn.vue"
 import {cancelAll, cancelOrder} from "@/blockchain/wallet.js";
 import {dateString, pairPriceAddr} from "@/misc.js";
@@ -108,7 +108,7 @@ const TokenAmount = defineAsyncComponent(()=>import('./TokenAmount.vue'))
 const s = useStore()
 const props = defineProps(['vault'])
 const vaultAddr = computed(()=>props.vault?props.vault:s.vault)
-const inverted = reactive({})
+const inverted = ref({})
 
 
 // <thead>