title: VueX/VueJS: call mutation from another file
body: <p>I'm searching the way to call a mutation on a store from another file which is not a single file component.</p>
  
  <p>This file is responsible to manage the axios configuration to be able to make some API calls. I managed some interceptors and i would like to call a mutation to change state of the notification store to display a notification in UI.</p>
  
  <pre><code>import axios from "axios";
  import i18n from './i18n';
  import Vue from 'vue';
  
  // Define global param object for notification options
  const options = {
      type: "danger"
  };
  
  // Create global Axios instance for CTC Backends API calls
  const instance = axios.create({
      baseURL: process.env.VUE_APP_BACKEND_URL,
  });
  
  // Define interceptor for responses to handle certain API responses
  instance.interceptors.response.use(res =&gt; {
      console.log('axiosBackend::ResponseInterceptor()', res);
      return res;
  }, error =&gt; {
  
      if (!error.response) {
  
          Vue.$store.commit("SHOW_NOTIFICATION", {
              text: i18n.t("serverError"),
              type: 'error'
          });
  
      } 
  
      return Promise.reject(error.response);
  
  });
  
  export default instance;
  </code></pre>