interactive horizontal limit lines

src/store/store.js

@@ -1,7 +1,7 @@
 // Utilities
 import {defineStore} from 'pinia'
 import {knownTokens} from "@/knownTokens.js";
-import {computed, reactive, ref} from "vue";
+import {computed, ref} from "vue";
 
 // USING THE STORE:
 //
@@ -10,7 +10,7 @@ import {computed, reactive, ref} from "vue";
 //
 // defineStore('foostore', ()=>{
 //   const foo = ref(true)
-//   const obj = reactive({})
+//   const obj = ref({})
 //   function reset() {
 //     obj.value = {}
 //     foo.value = false
@@ -36,11 +36,6 @@ console.log('version', version)
 
 export const useStore = defineStore('app', ()=> {
   const clock = ref(timestamp())
-  setInterval(()=>{
-    clock.value= timestamp()
-    console.log('triggered clock', clock.value)
-  }, 10*1000)
-
   const nav = ref(false) // controls opening navigation drawer
 
   const _chainId = ref(null)
@@ -121,6 +116,8 @@ export const useStore = defineStore('app', ()=> {
     this.extraTokens = extras
   }
 
+  setInterval(()=>clock.value=timestamp(), 10*1000)
+
   return {
     nav, chainId, chainInfo, chain, provider, vaultInitCodeHash, account, vaults, transactionSenders, errors,
     extraTokens, poolPrices, vaultBalances, orders, vault, tokens, factory, helper, mockenv, mockCoins,
@@ -190,15 +187,3 @@ export const usePrefStore = defineStore('prefs', ()=> {
   return {inverted,}
 })
 
-export const useShapeStore = defineStore('shapes', ()=> {
-  const shapes = reactive([])
-
-  function shape(id) {
-    for (const s of shapes) {
-      if (s.id === id)
-        return s
-    }
-    return null
-  }
-  return {shapes, shape}
-})