From 0dccf7e86e3b6d8cce1e56b6c737663570d41945 Mon Sep 17 00:00:00 2001
From: Lucien Cartier-Tilet <lucien@phundrak.com>
Date: Sat, 10 Feb 2024 18:30:09 +0100
Subject: [PATCH] feat: add app version in footer

---
 env.d.ts                     |  1 +
 package.json                 |  2 +-
 src/components/AppFooter.vue | 16 ++++++++++++----
 vite.config.ts               | 21 +++++++++++----------
 4 files changed, 25 insertions(+), 15 deletions(-)

diff --git a/env.d.ts b/env.d.ts
index 11f02fe..d5337f4 100644
--- a/env.d.ts
+++ b/env.d.ts
@@ -1 +1,2 @@
 /// <reference types="vite/client" />
+declare const __APP_VERSION__: string;
diff --git a/package.json b/package.json
index 72800b9..b3dfa70 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gege-jdr",
-  "version": "0.0.0",
+  "version": "0.1.0",
   "private": true,
   "type": "module",
   "scripts": {
diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue
index ddc1f80..2b90f1d 100644
--- a/src/components/AppFooter.vue
+++ b/src/components/AppFooter.vue
@@ -1,14 +1,22 @@
 <template>
-  <footer class="flex-row flex-spread card">
-    <div id="copyright" class="small">Copyright &copy; {{ currentYear }} Lucien Cartier-Tilet</div>
-    <div id="source">
-      <a class="highlight small" href="https://labs.phundrak.com/phundrak/gege-jdr">Source code</a>
+  <footer class="flex-col flex-spread card gap-1rem">
+    <div class="flex-row flex-spread">
+      <div id="version" class="small">version {{ version }}</div>
+      <div id="copyright" class="small">
+        Copyright &copy; {{ currentYear }} Lucien Cartier-Tilet
+      </div>
+      <div id="source">
+        <a class="highlight small" href="https://labs.phundrak.com/phundrak/gege-jdr"
+          >Source code</a
+        >
+      </div>
     </div>
   </footer>
 </template>
 
 <script setup lang="ts">
 const currentYear = new Date().getFullYear();
+const version = __APP_VERSION__;
 </script>
 
 <style scoped="" lang="less">
diff --git a/vite.config.ts b/vite.config.ts
index 5c45e1d..c2fb9f6 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,16 +1,17 @@
-import { fileURLToPath, URL } from 'node:url'
+import { fileURLToPath, URL } from 'node:url';
 
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [
-    vue(),
-  ],
+  plugins: [vue()],
   resolve: {
     alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
-    }
-  }
-})
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+  },
+  define: {
+    __APP_VERSION__: JSON.stringify(process.env.npm_package_version),
+  },
+});