import { observe, effect } from '@joist/observable';

class AppState {
  @observe accessor todos: string[] = [];
  @observe accessor userName?: string;

  @effect onChange(changes: Set<string | symbol>) {
    console.log(changes);
  }
}

const state = new AppState();

state.todos = [...state.todos, 'Build Shit'];
state.userName = 'Danny Blue'