fix changes

src/pages/index.vue

@@ -65,10 +65,12 @@
                   </v-card>
                 </v-col>
                 <v-col cols="12" md="4">
-                  <v-card variant="outlined">
+                  <v-card variant="outlined" @click="toggleChangesView" style="cursor: pointer;">
                     <v-card-text class="text-center">
-                      <div class="text-h3">{{ changesThisWeek }}</div>
-                      <div class="text-subtitle-1">Changes This Week</div>
+                      <div class="text-h3">{{ changesCount }}</div>
+                      <div class="text-subtitle-1">
+                        {{ changesLabel }}
+                      </div>
                     </v-card-text>
                   </v-card>
                 </v-col>
@@ -113,8 +115,14 @@
   // Statistics
   const totalSets = computed(() => items.reduce((acc, item) => acc + item.value, 0))
   const totalThemes = computed(() => items.length)
-  const changesThisWeek = ref(12) // This could be computed from recentChanges if needed
-  const itemsWaitingForReview = ref(7) // Number of items waiting for review
+  
+  // Dynamic changes metric
+  const changesThisWeek = ref(0) // Set to 0 to test auto-switching, or get from your API
+  const changesThisMonth = ref(45)
+  
+  // Automatically show monthly if no weekly activity
+  const changesLabel = computed(() => changesThisWeek.value > 0 ? 'Changes This Week' : 'Changes This Month')
+  const changesCount = computed(() => changesThisWeek.value > 0 ? changesThisWeek.value : changesThisMonth.value)
 
   // Sample recent changes data
   const recentChanges = [
@@ -177,4 +185,6 @@
     { key: 29, title: "Art", value: 1 },
     { key: 30, title: "Botanicals", value: 1 }
   ]
+  
+  const itemsWaitingForReview = ref(7)
 </script>