From 892ee52efb94da2d824cd87e5e9f4e1ecb827faf Mon Sep 17 00:00:00 2001
From: Grzegorz Kucmierz <gkucmierz@gmail.com>
Date: Tue, 10 Feb 2026 17:24:19 +0100
Subject: [PATCH] feat: display app version from package.json in footer

---
 src/App.vue    | 13 +++++++++++++
 vite.config.js |  3 +++
 2 files changed, 16 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index b4f3189..94b33e3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -21,6 +21,7 @@ const installDismissed = ref(false);
 const isCoarsePointer = ref(false);
 const isStandalone = ref(false);
 const themePreference = ref('system');
+const appVersion = __APP_VERSION__;
 let displayModeMedia = null;
 let prefersColorSchemeMedia = null;
 
@@ -164,6 +165,10 @@ onUnmounted(() => {
       </section>
     </div>
 
+    <footer class="app-version">
+      v{{ appVersion }}
+    </footer>
+
     <!-- Modals Teleport -->
     <Teleport to="body">
       <WinModal v-if="store.isGameWon" />
@@ -238,4 +243,12 @@ onUnmounted(() => {
 .fade-leave-to {
   opacity: 0;
 }
+
+.app-version {
+  margin-top: auto;
+  padding: 10px;
+  font-size: 0.8rem;
+  color: var(--text-muted);
+  opacity: 0.6;
+}
 </style>
\ No newline at end of file
diff --git a/vite.config.js b/vite.config.js
index b48740a..f2ffabc 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -4,6 +4,9 @@ import { VitePWA } from 'vite-plugin-pwa'
 import path from 'path'
 
 export default defineConfig({
+  define: {
+    '__APP_VERSION__': JSON.stringify(process.env.npm_package_version)
+  },
   plugins: [
     vue(),
     VitePWA({