<template>
    <app-view>
        <template #header>
            <app-navbar :title="$t('quote.spot.subtitle')" />
        </template>
        <Tabs class="van-tabs--list">
            <Tab :title="$t('quote.spot.wantsell')">
                <buy />
            </Tab>
            <Tab :title="$t('quote.spot.wantbuy')">
                <sell />
            </Tab>
        </Tabs>
    </app-view>
</template>

<script lang="ts" setup>
import { Tab, Tabs } from 'vant'
import Buy from './components/buy/index.vue'
import Sell from './components/sell/index.vue'
</script>