app.js

import Vue from 'vue';
import VueRouter from 'vue-router';
import Vuex from 'vuex';
import App from './app.vue';
import { createRouter } from '@client/router.js';
import { createStore } from './store/store.js';
import { sync } from 'vuex-router-sync';

Vue.use(VueRouter);
Vue.use(Vuex);
//API
import {MainApi} from '@client/api/main';

// import global components
import IconComponent from '@components/icon.vue';n.vue';

Vue.component('icon', IconComponent);

class MyApp {
  constructor () {
    /**
     * @property {Vuex} Store - main application storage
    */
    this.Store = createStore();
    /**
     * @property {VueRouter} Router - main client application router
    */
    this.Router = createRouter();

    //Синхронизирум хранилище и роутер
    sync(this.Store, this.Router);

    /**
     * @property {Vue} Vue - main vue application
    */
    this.Vue = new Vue({
      router: this.Router,
      store: this.Store,
      render: h => h(App),
    });

    /** @property {Object} API main api instance */
    this.API = new MainApi();
  }
}
export function createApp () {
  return new MyApp;
}