<template>
  <v-card v-if="s.vault===null">
    <v-card-title><v-icon color="warning" icon="mdi-alert"/>&nbsp;Setup&nbsp;Vault</v-card-title>
    <v-card-subtitle>Create Your Own Personal Dexorder Vault</v-card-subtitle>
    <v-card-text>
      Dexorder never has access to your tokens. Instead, you create a personal
      vault which acts like your Dexorder account.
      Create your own personal asset vault to get started with Dexorder. This vault
      acts like your Dexorder account. For security, only <i>you</i> can deposit
      or withdraw tokens from your vault, and no token approvals are ever given to
      Dexorder. Instead, Dexorder sends trade requests to your vault at the right
      times, then your vault checks the validity of those trade requests before
      trading directly from your vault to the dex liquidity pool. Dexorder never
      has any access to the funds in your vault.
    </v-card-text>
    <v-card-text>
      Creating your personal vault is a one-time setup operation. Your vault address
      is unique to you and never changes. You may deposit or withdraw funds in your
      vault at any time, and you may save your vault address in your wallet for
      easy access.
    </v-card-text>
  </v-card>
</template>

<script setup>
import {useStore} from "@/store/store.js";
import wallet from "@/blockchain/wallet.js";

const s = useStore()

</script>

<style scoped lang="scss">
@use "../styles/vars" as *;

</style>
