From bcf9bd599eac645074f80858643aabd3ed535592 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Wed, 24 Dec 2025 13:19:05 +0100
Subject: [PATCH] Refactor: swap status colors for 'active' and 'completed';
 add full-card link overlay for navigation

---
 app/composables/projects.ts  |  5 ++---
 app/pages/projects/index.vue | 10 ++++++++--
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/app/composables/projects.ts b/app/composables/projects.ts
index ceae250..9cf00e4 100644
--- a/app/composables/projects.ts
+++ b/app/composables/projects.ts
@@ -1,9 +1,8 @@
 export function useProjectColors() {
   const statusColors: Record<string, string> = {
-    'active': 'green',
-    'completed': 'blue',
+    'active': 'blue',
+    'completed': 'green',
     'archived': 'neutral',
-    'in-progress': 'amber',
     'in progress': 'amber'
   }
 
diff --git a/app/pages/projects/index.vue b/app/pages/projects/index.vue
index e1335c5..4875e14 100644
--- a/app/pages/projects/index.vue
+++ b/app/pages/projects/index.vue
@@ -149,8 +149,7 @@ const activeFilterCount = computed(() => (selectedStatus.value ? 1 : 0) + select
       <UCard
         v-for="project in filteredProjects"
         :key="project.slug"
-        :to="`/projects/${project.slug}`"
-        class="hover:scale-[1.02] transition-transform cursor-pointer"
+        class="relative hover:scale-[1.02] transition-transform cursor-pointer"
       >
         <template #header>
           <div class="flex items-start justify-between gap-4">
@@ -228,6 +227,13 @@ const activeFilterCount = computed(() => (selectedStatus.value ? 1 : 0) + select
             </span>
           </div>
         </template>
+
+        <!-- Full-card link overlay for navigation -->
+        <NuxtLink
+          :to="`/projects/${project.slug}`"
+          :aria-label="`Open project: ${project.title}`"
+          class="absolute inset-0"
+        />
       </UCard>
     </div>