add version label

Author: Idrimi

src/app/pages/menu/menu.page.html

@@ -25,6 +25,10 @@
         <ion-icon slot="start" name="information-circle"></ion-icon>
         <ion-label>About</ion-label>
       </ion-item>
+      <ion-item lines="none">
+      </ion-item>
     </ion-list>
   </div>
+          <p class="version-label">v.{{version}}</p>
+
 </ion-content>

src/app/pages/menu/menu.page.scss

@@ -0,0 +1,6 @@
+.version-label {
+  font-size: 12px;
+  color: gray;
+  text-align: center;
+  margin-top: 16px;
+}

src/app/pages/menu/menu.page.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import packageJson from '../../../../package.json';
 
 @Component({
   selector: 'app-menu',
@@ -8,9 +9,18 @@ import { Component, OnInit } from '@angular/core';
 })
 export class MenuPage implements OnInit {
 
+  version: string = '0.0.0';
+
   constructor() { }
 
   ngOnInit() {
+       this.version = packageJson.version;
+
+  }
+
+  async getVersion() {
+    // get version from package.json
   }
+  
 
 }

tsconfig.json

@@ -19,16 +19,18 @@
     "target": "es2022",
     "module": "es2020",
     "lib": [
-      "es2022", 
+      "es2022",
       "dom"
     ],
     "useDefineForClassFields": false,
-    "strictNullChecks": false
+    "strictNullChecks": false,
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,
     "strictInjectionParameters": true,
     "strictInputAccessModifiers": true,
     "strictTemplates": true
   }
-}
+}