overview.js

import {inject} from 'aurelia-framework';
import {computedFrom} from 'aurelia-framework';
import {ApplicationState} from './infrastructure/application-state';

@inject(ApplicationState)
export class Overview {
    _projects = [];

    constructor(state) {
        state.getProjects()
            .then(p => this._projects = p);
    }

    @computedFrom('_projects')
    get projects() {
        return this._projects;
    }
}