feat(PageFooter): add app version info

rudnovd · Apr 3, 2022 · f63b717 · f63b717
1 parent b94d107
commit f63b717
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/components/PageFooter.vue b/src/components/PageFooter.vue
@@ -26,6 +26,8 @@
           {{ t('components.pageFooter.sourceCode') }}
         </a>
       </button>
+
+      <span>App version: {{ appVersion }}</span>
     </div>
 
     <BaseDialog v-if="showAboutModal" :show="showAboutModal" size="small" @close="showAboutModal = false">
@@ -121,6 +123,7 @@ export default defineComponent({
       showLicenseModal,
       showAboutModal,
       foundErrorModal,
+      appVersion: import.meta.env.__APP_VERSION__,
 
       changeLocale,
     }
@@ -152,6 +155,11 @@ footer button {
   }
 }
 
+footer span {
+  color: rgb(108, 117, 125);
+  text-align: end;
+}
+
 footer select {
   padding: 0;
   font: inherit;

diff --git a/vite.config.ts b/vite.config.ts
@@ -75,4 +75,7 @@ export default defineConfig({
       },
     },
   },
+  define: {
+    'import.meta.env.__APP_VERSION__': JSON.stringify(process.env.npm_package_version),
+  },
 })