Going Rouge

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet autem blanditiis ducimus libero modi mollitia nihil optio quasi, quibusdam tempora, vitae voluptatum. Aut enim necessitatibus non provident quas repellat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet autem blanditiis ducimus libero modi mollitia nihil optio quasi, quibusdam tempora, vitae voluptatum. Aut enim necessitatibus non provident quas repellat.

Test…

import {decorate, observable} from "mobx"

class Todo {
  id = Math.random();
  title = "";
  finished = false;
}

decorate(Todo, {
  title: observable,
  finished: observable
})

class TodoList {
  @observable todos = [];

  @computed get unfinishedTodoCount() {
    return this.todos.filter(todo => !todo.finished).length;
  }
}