initial chart checkin

src/store/store.js

@@ -1,7 +1,7 @@
 // Utilities
-import { defineStore } from 'pinia'
+import {defineStore} from 'pinia'
 import {knownTokens} from "@/knownTokens.js";
-import {computed, ref} from "vue";
+import {computed, reactive, ref} from "vue";
 
 // USING THE STORE:
 //
@@ -35,12 +35,10 @@ const version = await response.json()
 console.log('version', version)
 
 export const useStore = defineStore('app', ()=> {
-  const time = ref(timestamp())
-  console.log('starting clock')
+  const clock = ref(timestamp())
   setInterval(()=>{
-    const now = timestamp();
-    // console.log('clock', now)
-    time.value= now
+    clock.value= timestamp()
+    console.log('triggered clock', clock.value)
   }, 10*1000)
 
   const nav = ref(false) // controls opening navigation drawer
@@ -126,7 +124,7 @@ export const useStore = defineStore('app', ()=> {
   return {
     nav, chainId, chainInfo, chain, provider, vaultInitCodeHash, account, vaults, transactionSenders, errors,
     extraTokens, poolPrices, vaultBalances, orders, vault, tokens, factory, helper, mockenv, mockCoins,
-    removeTransactionSender, error, closeError, addToken, time, balances,
+    removeTransactionSender, error, closeError, addToken, clock, balances,
   }
 })
 
@@ -192,3 +190,15 @@ 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}
+})