feat: add app version in footer

env.d.ts

@@ -1 +1,2 @@
 /// <reference types="vite/client" />
+declare const __APP_VERSION__: string;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "gege-jdr",
-  "version": "0.0.0",
+  "version": "0.1.0",
   "private": true,
   "type": "module",
   "scripts": {

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">

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),
+  },
+});