From 97a8c11b50388afc0e8598cacde95f366397282b Mon Sep 17 00:00:00 2001
From: Truman Gao <106889354+tdgao@users.noreply.github.com>
Date: Mon, 8 Jun 2026 10:40:00 -0600
Subject: [PATCH] fix: incorrectly showing empty state for versions page
 (#6303)

* fix: incorrectly showing empty state for versions page

* refactor: pnpm prepr
---
 apps/frontend/src/pages/[type]/[project].vue        |  2 ++
 .../src/pages/[type]/[project]/versions.vue         | 13 +++++++++----
 packages/ui/src/providers/project-page.ts           |  1 +
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/apps/frontend/src/pages/[type]/[project].vue b/apps/frontend/src/pages/[type]/[project].vue
index cc8a51495..c1ad655e7 100644
--- a/apps/frontend/src/pages/[type]/[project].vue
+++ b/apps/frontend/src/pages/[type]/[project].vue
@@ -1898,6 +1898,7 @@ const versions = computed(() => {
 
 // Versions loading state
 const versionsLoading = computed(() => versionsV3Loading.value)
+const versionsLoaded = computed(() => versionsV3.value !== undefined || !!_versionsV3Error.value)
 
 // Load versions on demand (client-side only)
 function loadVersions() {
@@ -2741,6 +2742,7 @@ provideProjectPageContext({
 	// Lazy version loading
 	versions,
 	versionsLoading,
+	versionsLoaded,
 	// Lazy dependencies loading
 	dependencies,
 	dependenciesLoading: computed(() => dependenciesLoading.value),
diff --git a/apps/frontend/src/pages/[type]/[project]/versions.vue b/apps/frontend/src/pages/[type]/[project]/versions.vue
index 38a93096c..a7dc40a33 100644
--- a/apps/frontend/src/pages/[type]/[project]/versions.vue
+++ b/apps/frontend/src/pages/[type]/[project]/versions.vue
@@ -1,10 +1,7 @@
 <template>
 	<section class="overflow-visible">
 		<!-- Loading state -->
-		<div
-			v-if="versionsLoading && !versions?.length"
-			class="flex items-center justify-center gap-2 py-8"
-		>
+		<div v-if="showVersionsLoadingState" class="flex items-center justify-center gap-2 py-8">
 			<SpinnerIcon class="animate-spin" />
 			<span>Loading versions...</span>
 		</div>
@@ -291,10 +288,18 @@ const {
 	invalidate,
 	versions,
 	versionsLoading,
+	versionsLoaded,
 	loadVersions,
 	cdnDownloadReason,
 } = injectProjectPageContext()
 
+const showVersionsLoadingState = computed(
+	() =>
+		!versions.value?.length &&
+		(versionsLoading.value ||
+			(!versionsLoaded.value && (project.value?.versions?.length ?? 0) > 0)),
+)
+
 // Load versions on mount (client-side)
 onMounted(() => {
 	loadVersions()
diff --git a/packages/ui/src/providers/project-page.ts b/packages/ui/src/providers/project-page.ts
index 4323c2521..11a6ecdba 100644
--- a/packages/ui/src/providers/project-page.ts
+++ b/packages/ui/src/providers/project-page.ts
@@ -17,6 +17,7 @@ export interface ProjectPageContext {
 	// Lazy version loading (client-side only)
 	versions: Ref<Labrinth.Versions.v2.Version[] | null>
 	versionsLoading: Ref<boolean>
+	versionsLoaded: Ref<boolean>
 	// Lazy dependencies loading (client-side only)
 	dependencies: Ref<Labrinth.Projects.v2.DependencyInfo | null>
 	dependenciesLoading: Ref<boolean>