<template>
  <div>
    <div class="default-width mb-3 pa-3" style="margin: 0 auto;background-color: #fff;">
      <v-tabs v-model="tab" align-tabs="start" color="primary" bg-color="#f7f8fa" @update:model-value="null">
        <v-tab :value="0">{{ $t('enterprise.account.accountBalances') }}</v-tab>
        <v-tab :value="1">{{ $t('resume.goldCoins') }}</v-tab>
      </v-tabs>
    </div>
    <myBalance v-if="tab === 0"></myBalance>
    <IntegralPage v-if="tab === 1"></IntegralPage>
  </div>
</template>

<script setup>
defineOptions({ name: 'myWallet'})
import myBalance from './myBalance'
import IntegralPage from '@/views/integral/pointsManagement'
import { useUserStore } from '@/store/user'
import { ref } from 'vue'

const tab = ref(0)

const store = useUserStore()
const updateAccountInfo = async () => {
  await store.getUserAccountInfo()
}
updateAccountInfo()

</script>

<style scoped lang="scss">

</style>
