How to import Vuex or eventBus.js file in index.js file?

I have to develop the communication between my Vue components, either with Vuex state management or with eventBus, but I cannot import the proper *.js file in my index.js. Vuex has already been installed with npm.

I tried something like this: //********************************************************************** store.js:

import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
export const store = new Vuex.Store({
    state: {
        status: []
    }
});

//********************************************************************** index.js:

import Vuex from 'vuex';
import store from './store/store'


SBA.use({
  install({vue}) {
    vue.use(Vuex)
  }
})

SBA.use({
  install({Vuex}) {
    Vuex.use(store)
  }
})

//********************************************************************** I get the following error:

store.js: Uncaught TypeError: Cannot read property 'use' of undefined
    at eval (store.js:8)
    at Module../src/store/store.js (custom.js:1811)

OR after some modification: Uncaught Error: [vuex] must call Vue.use(Vuex) before creating a store instance

I also tried to this, but nothing worked nothing worked:

import Vuex from 'vuex';
import store from './store/store'

SBA.use({
  install({viewRegistry,vue}) {
    vue.use(Vuex);
    vue.use(store);
    viewRegistry.addView({
      name:   'instances/custom',
      parent: 'instances',
      path:   'custom',
      component: customEndpoint,
      label: 'something',
      group: 'Group',
      order: -10,                   // Orig: 1000
      isEnabled: ({instance}) => instance.hasEndpoint('custom')
    });
  }
});

How shall I import *.js files properly? Thank you for the help!

[joshiste]

you need to instantiate the store in the install method. You could turn the store into a promise and resolve it in the install method:

(UNTESTED)

export const store = new Promise(resolve => {
    SBA.use({
        install({viewRegistry, vue}) {
            vue.use(Vuex);

            const store = new Vuex.Store({
                state: {
                    status: [{streamName: '', streamState: []}]
                }
            });

            vue.use(store);
            viewRegistry.addView({
                name: 'instances/custom',
                parent: 'instances',
                path: 'custom',
                component: customEndpoint,
                label: 'GSLA-Cloud Streams',
                group: 'Group',
                order: -10,                   // Orig: 1000
                isEnabled: ({instance}) => instance.hasEndpoint('custom')
            });

            resolve(store)
        }
    });
});

[joshiste]

the Vue.use in the store.js is the problem you should remove this and you also need to move the creation of the store into the install callback.