From ac93b16e851699b3e7846b6abbc7c165eb6cd406 Mon Sep 17 00:00:00 2001
From: Florian Heuberger <fh@flogersoft.de>
Date: Wed, 4 Feb 2026 21:09:44 +0100
Subject: [PATCH 1/2] fix: lazy loading packages

---
 app/pages/@[org].vue | 27 +++++++++++++++++----------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/app/pages/@[org].vue b/app/pages/@[org].vue
index b4b79fa88..c48e246e1 100644
--- a/app/pages/@[org].vue
+++ b/app/pages/@[org].vue
@@ -15,16 +15,23 @@ const orgName = computed(() => route.params.org)
 
 const { isConnected } = useConnector()
 
-// Fetch all packages in this org using the org packages API
-const { data: results, status, error } = await useOrgPackages(orgName)
-
-if (status.value === 'error' && error.value?.statusCode === 404) {
-  throw createError({
-    statusCode: 404,
-    statusMessage: $t('org.page.not_found'),
-    message: $t('org.page.not_found_message', { name: orgName.value }),
-  })
-}
+// Fetch all packages in this org using the org packages API (lazy to not block navigation)
+const { data: results, status, error } = useOrgPackages(orgName)
+
+// Handle 404 errors reactively (since we're not awaiting)
+watch(
+  [status, error],
+  ([newStatus, newError]) => {
+    if (newStatus === 'error' && newError?.statusCode === 404) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: $t('org.page.not_found'),
+        message: $t('org.page.not_found_message', { name: orgName.value }),
+      })
+    }
+  },
+  { immediate: true },
+)
 
 const packages = computed(() => results.value?.objects ?? [])
 const packageCount = computed(() => packages.value.length)

From b5e0114404247781ba615dc02a975416993b7326 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Thu, 5 Feb 2026 00:25:03 +0000
Subject: [PATCH 2/2] fix: use showError

---
 app/pages/@[org].vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pages/@[org].vue b/app/pages/@[org].vue
index c48e246e1..8f984d94a 100644
--- a/app/pages/@[org].vue
+++ b/app/pages/@[org].vue
@@ -23,7 +23,7 @@ watch(
   [status, error],
   ([newStatus, newError]) => {
     if (newStatus === 'error' && newError?.statusCode === 404) {
-      throw createError({
+      showError({
         statusCode: 404,
         statusMessage: $t('org.page.not_found'),
         message: $t('org.page.not_found_message', { name: orgName.value }),