ajoute version dans menu

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bonsai-webapp",
-  "version": "0.0.0",
+  "version": "0.1.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

src/app/menu/menu.css

@@ -63,3 +63,11 @@
   border-left-color: #2563eb;
   font-weight: 600;
 }
+
+.sidebar-footer {
+  margin-top: auto;
+  padding: 0 0.5rem;
+  font-size: 0.72rem;
+  color: #9ca3af;
+  text-align: center;
+}

src/app/menu/menu.html

@@ -39,4 +39,6 @@
       </a>
     }
   </nav>
+
+  <footer class="sidebar-footer">v{{ version }}</footer>
 </aside>

src/app/menu/menu.ts

@@ -1,5 +1,6 @@
 import { Component } from '@angular/core';
 import { RouterLink, RouterLinkActive } from '@angular/router';
+import { version } from '../../../package.json';
 
 @Component({
   selector: 'app-menu',
@@ -8,6 +9,8 @@ import { RouterLink, RouterLinkActive } from '@angular/router';
   styleUrl: './menu.css',
 })
 export class Menu {
+  protected readonly version = version;
+
   protected readonly menuItems = [
     { label: 'Accueil', path: '/home' },
     { label: 'Projet', path: '/project' },

tsconfig.json

@@ -13,7 +13,8 @@
     "experimentalDecorators": true,
     "importHelpers": true,
     "target": "ES2022",
-    "module": "preserve"
+    "module": "preserve",
+    "resolveJsonModule": true
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,