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>

src/views/base/fund/composables/useFundPage.ts

@@ -0,0 +1,119 @@
+import { computed, inject, onMounted, provide, type InjectionKey, type Ref } from 'vue'
+import router from '@/router'
+import { loading } from '@/utils'
+import { usePriceWithoutType } from '@/utils/usePrice'
+import { useConfigStore } from '@/store/configStore'
+import { useWalletAssets } from '@/composables/useWalletAssets'
+import type { WalletMetalTotal } from '@/models/walletAssets'
+import { resolveSummaryMetalWeight, fundPageInventoryCards } from '@/utils/productAssets'
+import { useWalletStore } from '@/store/walletStore'
+import {
+  getProjectFundEmptyImage,
+  getProjectFundEmptyText,
+  getProjectFundHeaderBackground,
+  isBazretalaProject,
+} from '@/utils/config'
+import img from '@/assets/img/user_ly1.svg'
+import empty from '@/assets/img/cash_empty.svg'
+
+export interface FundPageContext {
+  isDesktop: Ref<boolean>
+  nameProject: string
+  meta: ReturnType<typeof computed>
+  inventoryCards: ReturnType<typeof computed>
+  metalTotals: ReturnType<typeof computed>
+  primaryMetalTotal: ReturnType<typeof computed>
+  cashWallet: ReturnType<typeof computed>
+  totalRialValue: ReturnType<typeof computed>
+  countBasedInventory: ReturnType<typeof computed>
+  fundHeaderBackground: string
+  fundEmptyImage: string
+  fundEmptyText: string
+  isBazretalaProject: typeof isBazretalaProject
+  formatMetalTotal: (metal: WalletMetalTotal) => string
+  openFundInfo: (productId: number) => void
+  goBack: () => void
+}
+
+export const FUND_PAGE_KEY: InjectionKey<FundPageContext> = Symbol('fundPage')
+
+export function useFundPage(isDesktop: Ref<boolean>) {
+  const nameProject = useConfigStore().config.name
+  const { assetsSummary, loadWalletAssets } = useWalletAssets()
+  const walletStore = useWalletStore()
+  const fundHeaderBackground = getProjectFundHeaderBackground(img)
+  const fundEmptyImage = getProjectFundEmptyImage(empty)
+  const fundEmptyText = getProjectFundEmptyText()
+
+  const meta = computed(() => assetsSummary.value?.meta)
+  const inventoryCards = computed(() =>
+    fundPageInventoryCards(assetsSummary.value?.inventory_cards ?? [])
+  )
+  const metalTotals = computed(() => assetsSummary.value?.metal_totals ?? [])
+  const primaryMetalTotal = computed(() => metalTotals.value[0])
+  const cashWallet = computed(() => assetsSummary.value?.cash_wallet ?? 0)
+  const totalRialValue = computed(() => assetsSummary.value?.total_rial_value ?? 0)
+  const countBasedInventory = computed(() =>
+    (assetsSummary.value?.count_products ?? []).reduce(
+      (sum, item) => sum + Number(item.quantity ?? 0),
+      0
+    )
+  )
+
+  function formatMetalTotal(metal: WalletMetalTotal) {
+    return `${resolveSummaryMetalWeight(metal, inventoryCards.value)}${metal.unit}`
+  }
+
+  function openFundInfo(productId: number) {
+    router.push({ name: 'fund_info', params: { id: productId } })
+  }
+
+  function goBack() {
+    router.back()
+  }
+
+  onMounted(async () => {
+    try {
+      loading.value = true
+      const tasks = [loadWalletAssets(true)]
+      if (isBazretalaProject()) {
+        tasks.push(walletStore.getMyWallet())
+      }
+      await Promise.all(tasks)
+    } catch (e) {
+      console.log(e)
+    } finally {
+      loading.value = false
+    }
+  })
+
+  const context: FundPageContext = {
+    isDesktop,
+    nameProject,
+    meta,
+    inventoryCards,
+    metalTotals,
+    primaryMetalTotal,
+    cashWallet,
+    totalRialValue,
+    countBasedInventory,
+    fundHeaderBackground,
+    fundEmptyImage,
+    fundEmptyText,
+    isBazretalaProject,
+    formatMetalTotal,
+    openFundInfo,
+    goBack,
+  }
+
+  provide(FUND_PAGE_KEY, context)
+  return context
+}
+
+export function useFundPageContext() {
+  const context = inject(FUND_PAGE_KEY)
+  if (!context) {
+    throw new Error('useFundPageContext must be used within useFundPage')
+  }
+  return context
+}