initial websocket setup

src/components/Vault.vue

@@ -0,0 +1,35 @@
+<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";
+
+const s = useStore()
+
+</script>
+
+<style scoped lang="scss">
+@use "../styles/vars" as *;
+
+</style>