fix changes

src/components/AppFooter.vue

@@ -4,7 +4,7 @@
     height="40"
   >
   <div class="text-caption">
-    StudSpider 0.2 (<small>5288d</small>)
+    StudSpider 0.2 <small>(<a href="http://git.traps.moe/ph0sgene/studspider-status/commits/branch/master">{{ gitHash }}</a>)</small>
     </div>  
     <a
       v-for="item in items"
@@ -43,6 +43,8 @@
 <script setup>
 import { computed } from 'vue'
 
+const gitHash = __GIT_COMMIT_HASH__
+
 const copyrightYear = computed(() => {
   const currentYear = new Date().getFullYear()
   const startYear = 2025

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>

vite.config.mjs

@@ -11,9 +11,23 @@ import Vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
 // Utilities
 import { defineConfig } from 'vite'
 import { fileURLToPath, URL } from 'node:url'
+import { execSync } from 'child_process'
+
+// Get git commit hash
+const getGitHash = () => {
+  try {
+    return execSync('git rev-parse --short HEAD').toString().trim()
+  } catch (e) {
+    return 'unknown'
+  }
+}
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  define: {
+    '__GIT_COMMIT_HASH__': JSON.stringify(getGitHash()),
+    'process.env': {}
+  },
   plugins: [
     VueRouter(),
     Layouts(),
@@ -59,7 +73,6 @@ export default defineConfig({
       'unplugin-vue-router/data-loaders/basic',
     ],
   },
-  define: { 'process.env': {} },
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('src', import.meta.url)),
@@ -76,5 +89,10 @@ export default defineConfig({
   },
   server: {
     port: 3000,
+    host: true,
+    allowedHosts: [
+      'studspider.sh',
+      '.studspider.sh',
+    ],
   },
 })