title: access store outside of component vuejs
body: <p>I have a file for configuring my OpenID Connect authentication </p>
  
  <pre><code>export const authMgr = new Oidc.UserManager({
    userStore: new Oidc.WebStorageStateStore(),
    authority: **appsetting.oidc**
  })
  </code></pre>
  
  <p>I want to access my state in order to get the value of appsetting.</p>
  
  <p>I did this:</p>
  
  <pre><code>import store from './store'
  
  const appsetting = () =&gt; store.getters.appsetting
  </code></pre>
  
  <p>but my appsetting is always returning undefined</p>
  
  <p>what I my missing?</p>
  
  <p>Store:</p>
  
  <p>app.js</p>
  
  <pre><code>const state = {
    appsetting: appsetting,
  }
  
  export {
    state 
  }
  </code></pre>
  
  <p>getters.js</p>
  
  <pre><code>const appsetting = state =&gt; state.appsetting
  
  export {
    appsetting
  }
  </code></pre>
  
  <p>index.js</p>
  
  <pre><code>export default new Vuex.Store({
    actions,
    getters,
    modules: {
      app
    },
    strict: debug,
    plugins: [createLogger]
  })
  </code></pre>
  
  <p>when I print the value of <code>store.getters</code>, it returns this:</p>
  
  <pre><code>{
    return __WEBPACK_IMPORTED_MODULE_2__store__["a" /* default */].getters;
  }
  </code></pre>
  
  <p>No the actual store objects</p>