Squash merge market-preload into market

src/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref, computed } from 'vue'
+import { onMounted, ref, computed, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import Navbar from '@/components/layout/Navbar.vue'
 import Footer from '@/components/layout/Footer.vue'
@@ -7,11 +7,15 @@ import LoginDialog from '@/components/auth/LoginDialog.vue'
 import { Toaster } from '@/components/ui/sonner'
 import 'vue-sonner/style.css'
 import { auth } from '@/composables/useAuth'
+import { useMarketPreloader } from '@/composables/useMarketPreloader'
 import { toast } from 'vue-sonner'
 
 const route = useRoute()
 const showLoginDialog = ref(false)
 
+// Initialize market preloader
+const marketPreloader = useMarketPreloader()
+
 // Hide navbar on login page
 const showNavbar = computed(() => {
   return route.path !== '/login'
@@ -20,6 +24,9 @@ const showNavbar = computed(() => {
 function handleLoginSuccess() {
   showLoginDialog.value = false
   toast.success('Welcome back!')
+  
+  // Trigger market preloading after successful login
+  marketPreloader.preloadMarket()
 }
 
 onMounted(async () => {
@@ -30,6 +37,14 @@ onMounted(async () => {
     console.error('Failed to initialize authentication:', error)
   }
 })
+
+// Watch for authentication changes and trigger market preloading
+watch(() => auth.isAuthenticated.value, (isAuthenticated) => {
+  if (isAuthenticated && !marketPreloader.isPreloaded.value) {
+    console.log('User authenticated, triggering market preload...')
+    marketPreloader.preloadMarket()
+  }
+}, { immediate: true })
 </script>
 
 <template>