chore: display app version next to app title

Author: AXeL-dev

src/app/modules/popup/layout/layout.component.html

@@ -69,7 +69,11 @@
           >
             menu
           </button>
-          <a mdcTopAppBarTitle title="Anime Tracker" [routerLink]="['/']">
+          <a
+            mdcTopAppBarTitle
+            [title]="'Anime Tracker v' + version"
+            [routerLink]="['/']"
+          >
             <img alt="logo" src="assets/icons/128.png" />
           </a>
           <app-search-input

src/app/modules/popup/layout/layout.component.ts

@@ -4,6 +4,7 @@ import { Router } from '@angular/router';
 import { DebugService } from 'src/app/services/debug.service';
 import { NotificationsService } from 'src/app/services/notifications.service';
 import { SettingsService } from 'src/app/services/settings.service';
+import packageJson from '../../../../../package.json';
 
 @Component({
   selector: 'app-layout',
@@ -21,6 +22,7 @@ export class LayoutComponent implements OnInit {
   @Output() private searchValueChange: EventEmitter<string> =
     new EventEmitter();
   readonly views: typeof View = View;
+  readonly version: string = packageJson.version;
 
   constructor(
     public router: Router,

tsconfig.json

@@ -7,6 +7,8 @@
     "declaration": false,
     "downlevelIteration": true,
     "experimentalDecorators": true,
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true,
     "module": "es2020",
     "moduleResolution": "node",
     "importHelpers": true,