Let us now make signing in and logging in to our ProFitOro application possible! First, we have to set up the Firebase instance and figure out where we should put all the methods related to authentication. The Firebase application initialization has already been done inside the store/index.js file. Just add the apiKey and authDomain configuration entries if you still do not have them included in the config:
// store/index.js
let config = {
apiKey: 'YourAPIKey',
databaseURL: 'https://profitoro-ad0f0.firebaseio.com',
authDomain: 'profitoro-ad0f0.firebaseapp.com'
}
let firebaseApp = firebase.initializeApp(config)I will also export firebaseApp within the store's state property using the spread … operator:
//store/index.js
export default new Vuex.Store({
state: {
...state,
firebaseApp
},
<...>
})I will also add a user property to our state so we can reset it on the onAuthStateChanged listener's handler:
// store/state.js export...