How to use the aurelia-store.connectTo function in aurelia-store

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)();

import {
    loadProjects,
    getCategories,
    setCategory,
    backupProjects,
    sortCategories,
    setUser,
    loadProject,
    changeSortMode,
    sortProjects,
    castVote
} from './store/actions';

import { ProjectModel, ProjectModelInterface } from './common/models/project';

@connectTo()
@autoinject()
export class App {
    private router: Router;
    public categories;

    @observable showHat: boolean = false;
    private showHatLogin: boolean = false;
    private showHatRegister: boolean = false;
    private showHatSubmission: boolean = false;

    private submissionModel: ProjectModelInterface = {
        name: null,
        category: null,
        description: null,
        url: null
    };