title: Multiple vuex store in vue
body: <p>I am trying to implement a micro frontend architecture in my application. I am having a common store where I have all the data which are commonly used across all the services. In one of the service I am trying to import the common store and use it globally, but I was not able to access it.</p>
  <p>example:</p>
  <p>in main.js I am trying the below code:</p>
  <pre><code>import Vue from &quot;vue&quot;;
  // Trying to import the common store
  import commonStore from &quot;../../common/src/store&quot;
  import router from &quot;./router&quot;;
  import store from &quot;./store/store&quot;;
  
  new Vue({
        router,
        store,
        commonStore
  });
  </code></pre>
  <p>In App.vue i was trying to the below, but i am unable to access it.</p>
  <pre><code>mounted(){
    console.log(this.$commonStore);
  }
  </code></pre>
  <p>Is there any way, I could use multiple stores in vue.</p>