Squash merge market-preload into market

This commit is contained in:
padreug 2025-08-03 09:19:06 +02:00
parent 8643eecfe7
commit 35d2eba4ac
5 changed files with 141 additions and 9 deletions

View file

@ -12,6 +12,7 @@ import LoginDialog from '@/components/auth/LoginDialog.vue'
import ProfileDialog from '@/components/auth/ProfileDialog.vue'
import CurrencyDisplay from '@/components/ui/CurrencyDisplay.vue'
import { auth } from '@/composables/useAuth'
import { useMarketPreloader } from '@/composables/useMarketPreloader'
interface NavigationItem {
name: string
@ -24,6 +25,7 @@ const { theme, setTheme } = useTheme()
const isOpen = ref(false)
const showLoginDialog = ref(false)
const showProfileDialog = ref(false)
const marketPreloader = useMarketPreloader()
const navigation = computed<NavigationItem[]>(() => [
{ name: t('nav.home'), href: '/' },
@ -89,6 +91,9 @@ const handleLogout = async () => {
'text-foreground': $route.path === item.href
}">
{{ item.name }}
<!-- Market preloading indicator -->
<div v-if="item.href === '/market' && marketPreloader.isPreloading"
class="w-2 h-2 bg-blue-500 rounded-full animate-pulse"></div>
</router-link>
</div>
</div>
@ -223,6 +228,9 @@ const handleLogout = async () => {
'text-foreground': $route.path === item.href
}" @click="isOpen = false">
{{ item.name }}
<!-- Market preloading indicator -->
<div v-if="item.href === '/market' && marketPreloader.isPreloading"
class="w-2 h-2 bg-blue-500 rounded-full animate-pulse"></div>
</router-link>
</div>
</div>