How to access a variable from another file?

Question

Vue.js

There is a config.js file for storing connection settings to Firebase:

export default {
    data: () => ({
        firebaseData: {
            // тут объект с настройками
        }
    }),
    methods: {
        getDBData() {
            return this.firebaseData
        }
    }
}

and there is a file at the same level main.js

import config from './config'
import firebase from 'firebase/app'

firebase.initializeApp(config.methods.getDBData());

but

config.methods.getDBData()

returns undefined in console.log(), how then to take data from data()?

Answer 1

Move only the object with the settings to a separate file. And then import it where needed