new UI and handle cashing

src/views/base/home/composables/useHomePage.ts

@@ -1,6 +1,6 @@
-import { computed, h, inject, onMounted, onUnmounted, provide, ref, type InjectionKey } from 'vue'
+import { computed, h, inject, onUnmounted, provide, ref, type InjectionKey } from 'vue'
 import router from '@/router'
-import { loading, removeToken } from '@/utils'
+import { getToken, removeToken } from '@/utils'
 import { useUserStore } from '@/store/userStore'
 import { useWalletStore } from '@/store/walletStore'
 import { useWalletAssets } from '@/composables/useWalletAssets'
@@ -20,14 +20,14 @@ import { useBanners } from './useBanners'
 import { usePriceChart, type ChartMetalType } from './usePriceChart'
 import type { HomeActionItem } from '../layouts/types'
 import { getHomeLayoutId } from '../layouts/registry'
-import { initHomePageData, resetHomePageData } from './useHomePageData'
+import { initHomePageData, resetHomePageData, useHomePageLoading } from './useHomePageData'
 import { resetWalletPageData } from '../../wallet/composables/useWalletPageData'
 import { resetAddressPageData } from '../../address/composables/useAddressPageData'
 import { resetTransactionsPageData } from '../../transactions/composables/useTransactionsPageData'
 import { resetProductsPageData } from '../../products/composables/useProductsPageData'
 
 export interface HomePageContext {
-  loading: typeof loading
+  homePageLoading: ReturnType<typeof useHomePageLoading>['homePageLoading']
   isGaroosi: ReturnType<typeof computed<boolean>>
   limitedPrice: ReturnType<typeof computed>
   showClosedMessage: ReturnType<typeof computed<boolean>>
@@ -65,6 +65,7 @@ export function useHomePage() {
   const TextBanner = ref('')
 
   const { banners } = useBanners()
+  const { homePageLoading } = useHomePageLoading()
   const {
     updateChartData,
     priceChartSeries,
@@ -230,7 +231,7 @@ export function useHomePage() {
   }
 
   const context: HomePageContext = {
-    loading,
+    homePageLoading,
     isGaroosi,
     limitedPrice,
     showClosedMessage,
@@ -250,15 +251,12 @@ export function useHomePage() {
 
   provide(HOME_PAGE_CONTEXT_KEY, context)
 
+  void ensureHomeUserAndData()
+
   onUnmounted(() => {
     stopLastPricePolling()
   })
 
-  onMounted(() => {
-    // Single shared fetch for mobile + desktop — safe to call on remount (deduped in useHomePageData)
-    void initHomePageData()
-  })
-
   return {
     userStore,
     walletStore,
@@ -279,3 +277,15 @@ export function useHomePageContext() {
   }
   return context
 }
+
+async function ensureHomeUserAndData() {
+  const userStore = useUserStore()
+
+  if (getToken() && !userStore.userInfo) {
+    await userStore.getMyInfo()
+  }
+
+  if (getToken()) {
+    await initHomePageData()
+  }
+}

src/views/base/home/composables/useHomePageData.ts

@@ -1,5 +1,4 @@
 import { ref } from 'vue'
-import { loading } from '@/utils'
 import { getLastPrices, startLastPricePolling, stopLastPricePolling } from '@/utils/price'
 import { useWalletAssets } from '@/composables/useWalletAssets'
 import { clearProductsCatalog } from '@/composables/useProductsCatalog'
@@ -8,13 +7,16 @@ import { fetchHomeChartPrices, loadHomeMaftolOffset, resetHomePriceChart } from
 import { loadHomeBanners, resetHomeBanners } from './useBanners'
 import { loadHomeFunds, resetHomeFunds } from './useUserFunds'
 
-/**
- * Single entry point for all homepage API calls.
- * Mobile and desktop layouts must not fetch independently — they consume shared module state.
- */
+/** فقط لودینگ صفحه اصلی — نه loading سراسری @/utils */
+const homePageLoading = ref(false)
+
 let initPromise: Promise<void> | null = null
 const initialized = ref(false)
 
+export function useHomePageLoading() {
+  return { homePageLoading }
+}
+
 export function isHomePageDataInitialized() {
   return initialized.value
 }
@@ -36,7 +38,6 @@ export async function initHomePageData(force = false) {
 
   initPromise = (async () => {
     try {
-      loading.value = true
       const { loadWalletAssets } = useWalletAssets()
 
       await Promise.all([
@@ -56,7 +57,6 @@ export async function initHomePageData(force = false) {
     } catch (error) {
       console.error('Home page initialization error:', error)
     } finally {
-      loading.value = false
       initPromise = null
     }
   })()
@@ -68,6 +68,7 @@ export async function initHomePageData(force = false) {
 export function resetHomePageData() {
   initialized.value = false
   initPromise = null
+  homePageLoading.value = false
   stopLastPricePolling()
   resetHomeBanners()
   resetHomeFunds()