<template>
  <needs-signer>
    <phone-card class="maxw">
      <vault :owner="s.account" :num="0"/>
    </phone-card>
    <div>Vault? "{{s.mockenv}}" "{{s.vault}}"</div>
    <phone-card v-if="s.mockenv && s.vault" class="maxw">
      <faucet class="mt-3"/>
    </phone-card>
    <new-order class="my-6"/>
  </needs-signer>
</template>

<script setup>
import {useStore} from "@/store/store";
import Vault from "@/components/Vault.vue";
import NeedsSigner from "@/components/NeedsSigner.vue";
import Faucet from "@/components/Faucet.vue";
import NeedsProvider from "@/components/NeedsProvider.vue";
import NewOrder from "@/components/NewOrder.vue";
import PhoneCard from "@/components/PhoneCard.vue";

const s = useStore()

</script>

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

</style>
