boursecu_user/src/views/base/home/components/AssetsSection.vue

<template>
  <div class="bg-primary rounded-lg p-2 py-3 mt-2">
    <div class="flex justify-center text-tertiary w-full z-20">
      محصولات:
      <div class="text-l mr-2 font-bold">{{ userStore?.userInfo?.wallet?.count_product ?? 0 }} عدد</div>
    </div>
    <div v-if="!isBoursecuProject()" class="flex mt-2 justify-center text-tertiary w-full z-20">
      {{ metalAssetLabel }}:
      <div class="text-l mr-2 font-bold">{{ (userStore?.userInfo?.wallet?.count_gold ?? 0).toFixed(3) }} {{ weightUnit }}</div>
      <BasicIcon @click="$emit('openGoldModal')" icon="vuesax-linear:info-circle" size="18" color="tertiary" />
    </div>
    <div class="flex mt-2 justify-center text-tertiary w-full z-20">
      دارایی ریالی:
      <div class="text-l mr-2 font-bold">{{ usePriceWithoutType(userStore?.userInfo?.wallet?.count_cash ?? 0) }} ریال</div>
      <BasicIcon @click="$emit('openRialModal')" icon="vuesax-linear:info-circle" size="18" color="tertiary" />
    </div>
  </div>
</template>

<script setup lang="ts">
import { computed } from 'vue'
import { useUserStore } from '@/store/userStore'
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
import {usePriceWithoutType} from "../../../../utils/usePrice";
import { isBoursecuProject } from '@/utils/config'
import { getMetalAssetLabel, getWeightUnit } from '@/utils/productDealMethod'

const userStore = useUserStore()
const metalAssetLabel = computed(() => getMetalAssetLabel())
const weightUnit = computed(() => getWeightUnit())

defineEmits<{
  openGoldModal: []
  openRialModal: []
}>()
</script>