How to use aurelia-store - 10 common examples

async canActivate(params) {
        await dispatchify(getCategories)();
        await dispatchify(loadProjects)();

        // this.taskQueue.queueMicroTask(() => {
        //     console.log(this.state);
        // });
    }

async canActivate(params) {
        await dispatchify(getCategories)();
        await dispatchify(loadProjects)();

        // this.taskQueue.queueMicroTask(() => {
        //     console.log(this.state);
        // });
    }

filterCategory(category) {
        dispatchify(setCategory)(category);

        if (!this.state.backupProjects.length) {
            // Backup the existing projects
            dispatchify(backupProjects)();
        }

        dispatchify(sortCategories)(category);
    }

filterCategory(category) {
        dispatchify(setCategory)(category);

        if (!this.state.backupProjects.length) {
            // Backup the existing projects
            dispatchify(backupProjects)();
        }

        dispatchify(sortCategories)(category);
    }

filterCategory(category) {
        dispatchify(setCategory)(category);

        if (!this.state.backupProjects.length) {
            // Backup the existing projects
            dispatchify(backupProjects)();
        }

        dispatchify(sortCategories)(category);
    }

constructor(initialState: T, options?: Partial) {
    super(initialState, options);

    if (process.type === 'renderer') {
      this.registerMiddleware(toMainMiddleware, MiddlewarePlacement.After);
      // Listen for actions from the main process
      ipcRenderer.on(IPC_KEY, (_: Electron.Event, action: string, ...params: any[]) => {
        this.dispatch(action, ...params);
      });
    } else {
      this.registerMiddleware(toRendererMiddleware, MiddlewarePlacement.After);
      // Listen for actions from a renderer process
      ipcMain.on(IPC_KEY, (_: Electron.Event, action: string, ...params: any[]) => {
        this.dispatch(action, ...params);
      });
    }

    this.registerAction(ACTION_SET_STATE, setStateFromIPC);
  }

vote(evt, name) {
        if (this.userService.isLoggedIn) {
            dispatchify(castVote)(name);
        } else {
            this.ea.publish('show.login-form');
        }
    }
}

sortByPopular() {
        dispatchify(sortProjects)('popular');
    }

sortByNewlyAdded() {
        dispatchify(sortProjects)('new');
    }

sortCategories,
    changeSortMode,
    sortProjects,
    castVote
} from '../store/actions';

import { State } from '../store/state';

import { Api } from '../services/api';
import { ApplicationService } from '../services/application';
import { UserService } from '../services/user';
import { getColourFromHashedString, slugify } from '../common';

import firebase from '../common/firebase';

@connectTo()
@autoinject()
export class Home {
    private state: State;

    constructor(
        private api: Api,
        private appService: ApplicationService,
        private userService: UserService,
        private ea: EventAggregator,
        private router: Router,
        private store: Store,
        private taskQueue: TaskQueue) {
    }

    async canActivate(params) {
        await dispatchify(getCategories)();