more diagonal work (unfinished)

src/components/Vault.vue

@@ -23,7 +23,7 @@
     </PhoneCard>
   -->
   <div>
-    <div v-if="s.vaults.length<=num">
+    <div v-if="!hasVault">
       <v-card-title>
         Creating Your Dexorder Vault
         <v-icon icon="mdi-safe-square" size="small" color="grey-darken-1" style="vertical-align: baseline"/>
@@ -48,7 +48,7 @@
         Please wait while your vault is being created. This should only take a few seconds...
       </v-card-text>
     </div>
-    <div v-if="s.vaults.length>num" :class="empty?'maxw':''">
+    <div v-if="hasVault" :class="empty?'maxw':''">
 <!--      <v-card-title>-->
 <!--        Your Deposit Address {{ s.vaults.length > 1 ? '#' + (num + 1) : '' }}-->
 <!--      </v-card-title> &lt;!&ndash; todo vault nicknames &ndash;&gt;-->
@@ -116,7 +116,7 @@ const balances = computed(()=>{
   return bs || {}
 })
 const empty = computed(()=>Object.values(balances.value).length===0)
-const exists = computed(()=>s.vaults.length>0)
+const hasVault = computed(()=>s.vault!==null)
 
 const withdrawToken = ref(null)
 const withdrawShow = ref(false)