feat: initial localStorage in app

src/app/app.component.ts

@@ -1,11 +1,20 @@
-import { Component } from '@angular/core';
+import { Component, inject, OnInit } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 
+import LocalStorageService from './core/services/local-storage.service';
+
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrl: './app.component.scss',
   standalone: true,
   imports: [RouterOutlet],
+  providers: [LocalStorageService],
 })
-export class AppComponent {}
+export class AppComponent implements OnInit {
+  private localStorageService = inject(LocalStorageService);
+
+  public ngOnInit(): void {
+    this.localStorageService.init();
+  }
+}

src/app/core/services/local-storage.service.ts

@@ -7,7 +7,7 @@ import LocalStorageData from '../models/store.model';
   providedIn: 'root',
 })
 export default class LocalStorageService {
-  private storage: LocalStorageData = this.init();
+  private storage: LocalStorageData = {};
 
   public getValueByKey(key: string): unknown {
     if (key in this.storage) {
@@ -38,7 +38,7 @@ export default class LocalStorageService {
     this.storage = this.init();
   }
 
-  private init(): LocalStorageData {
+  public init(): LocalStorageData {
     const storedData = localStorage.getItem(STORE_KEYS.LS_NAME);
 
     const isLocalStorageData = (data: unknown): data is LocalStorageData => {