Files
boursecu_user/src/views/base/home/desktop/components/DesktopPriceOverview.vue
T
safavimohadeseh78andCursor a5e458ed25 Split desktop and mobile layouts with shared page data so APIs fetch once per context.
Add layout shells, desktop views, module-level page caches, and UI fixes for auth, home, wallet, transactions, address, and related pages.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-14 10:08:46 +03:30

33 lines
999 B
Vue

<script setup lang="ts">
import { computed, toValue } from 'vue'
import { useHomePageContext } from '../../composables/useHomePage'
import { price } from '@/utils/price'
import CurrentPrice from '../../components/CurrentPrice.vue'
import PriceStats from '../../components/PriceStats.vue'
import DesktopHomeCard from './DesktopHomeCard.vue'
const ctx = useHomePageContext()
const statsLayout = computed(() => (toValue(ctx.isBoursecuHomeLayout) ? 'boursecu' : 'default'))
</script>
<template>
<div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
<DesktopHomeCard title="قیمت لحظه‌ای">
<CurrentPrice class="home-desktop-current-price" />
</DesktopHomeCard>
<DesktopHomeCard title="بازه قیمت امروز">
<PriceStats variant="desktop" :price="price" :layout="statsLayout" />
</DesktopHomeCard>
</div>
</template>
<style scoped>
:deep(.home-desktop-current-price) {
margin-top: 0;
border: none;
padding-top: 0;
padding-bottom: 0;
}
</style>