как вернуть массив объектов как наблюдаемый в угловых 6

Question

Я работаю над практикой todoApp в angular 7, в которой я храню задачи для локального хранилища и функции CRUD.Сначала я хранил его как массив в локальном хранилище, но он не работает во всех компонентах, поэтому сейчас я пытаюсь вернуть его как наблюдаемый, но я не знаю, как это сделать, любая помощь, как вернуть его как наблюдаемый, будет оценена.

storage.service.ts

import { Injectable } from '@angular/core';
import { Todo } from './todo';
import { BehaviorSubject } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class StorageService {

  private todos = new BehaviorSubject(Todo);

  constructor() { }

  public setTodos(todos: Todo[]): void {
    localStorage.setItem('todos', JSON.stringify({ todos: todos }))
  }

  public getTodos(){
    let localStorageItem = JSON.parse(localStorage.getItem('todos'));
    if(localStorageItem == null){
        return [];
    }else{
        return localStorageItem.todos;
    }
  }
}

Я пытался

private todos = new BehaviorSubject(Todo);
public setTodos(todos: Todo[]): void {
    localStorage.setItem('todos', JSON.stringify({ todos: this.todos }))
}

Но это выдало ошибку.Заранее спасибо за помощь.