3 files changed, 53 insertions, 0 deletions

diff --git a/env.d.ts b/env.d.ts
index 8cee151..25a0ba9 100644
--- a/env.d.ts
+++ b/env.d.ts
@@ -1,2 +1,12 @@
 /// <reference types="vite/client" />
 /// <reference types="vite-svg-loader" />
+
+interface ImportMetaEnv {
+    PACKAGE_VERSION: string;
+    PROD: boolean;
+  }
+  
+  interface ImportMeta {
+    readonly env: ImportMetaEnv;
+  }
+  
\ No newline at end of file
diff --git a/src/layouts/base.layout.vue b/src/layouts/base.layout.vue
index 295ef5b..8c620b6 100644
--- a/src/layouts/base.layout.vue
+++ b/src/layouts/base.layout.vue
@@ -15,6 +15,9 @@ const themeVars = useThemeVars()
 const activeKey = ref(null)
 const route = useRoute()
 const styleStore = useStyleStore()
+const version = import.meta.env.PACKAGE_VERSION;
+
+console.log(themeVars.value)
 
 const makeLabel = (text: string, to: string) => () => h(RouterLink, { to }, { default: () => text })
 const makeIcon = (icon: Component) => () => h(NIcon, null, { default: () => h(icon) })
@@ -71,6 +74,36 @@ const m = toolsByCategory.map(category => ({
           :options="m"
           :indent="20"
         />
+
+        <div class="footer">
+          <div>
+            IT-Tools 
+            
+            <n-button
+              text
+              tag="a"
+              target="_blank"
+              rel="noopener"
+              type="primary"
+              depth="3"
+              :href="`https://github.com/CorentinTh/it-tools/tree/v${version}`"
+            >
+              v{{ version }}
+            </n-button>
+          </div>
+          <div>
+            © {{ new Date().getFullYear() }}
+            <n-button
+              text
+              tag="a"
+              target="_blank"
+              rel="noopener"
+              type="primary"
+            >
+              Corentin Thomasset
+            </n-button>
+          </div>
+        </div>
       </div>
     </template>
 
@@ -164,6 +197,13 @@ const m = toolsByCategory.map(category => ({
 //     background-size: @size @size;
 // }
 
+.footer {
+  text-align: center;
+  color: #838587;
+  margin-top: 20px;
+  padding: 20px 0;
+}
+
 .sider-content {
   padding-top: 160px;
   padding-bottom: 200px;
diff --git a/vite.config.ts b/vite.config.ts
index abf81c2..c2c4d8d 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -59,4 +59,7 @@ export default defineConfig({
       '@': fileURLToPath(new URL('./src', import.meta.url)),
     },
   },
+  define: {
+    'import.meta.env.PACKAGE_VERSION': JSON.stringify(process.env.npm_package_version),
+  },
 });