Just like in main.js, I’m trying to access my store from a helper function file:
import store from '../store' let auth = store.getters.config.urls.auth
But it logs an error:
Uncaught TypeError: Cannot read property ‘getters’ of undefined.
I have tried
this.$store.getters.config.urls.auth
Same result.
store:
//Vuex import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex); const store = new Vuex.Store({ state: { config: 'config', }, getters: { config: state => state.config }, }); export default store
How do I make my store available outside of components?
Advertisement
Answer
The following worked for me:
import store from '../store' store.getters.config // => 'config'