How to use Realtime Database and Firestore in the same Vue.js project

Question

I am attempting to build an Vue.js app that requires the use of both Realtime Database and Firestore for various functions across multiple components. So far, I have setup the firebase.js page to accommodate the components with Firestore functionality. However, Other components in the app have been set up to connect with Realtime Database in the same Firebase project, using lines of code such as firebase.database().ref('.../') . How can I set up the firebase.js file below to connect with both Realtime Database AND Firestore?

import firebase from 'firebase'

var config = {
  apiKey: '',
  authDomain: '',
  databaseURL: '',
  projectId: '',
  storageBucket: '',
  messagingSenderId: '',
  appId: ''
}

const firebaseApp = firebase.initializeApp(config)

export default firebaseApp.firestore()

Answer 1

voila, something like this might help, check this for more

import firebase from 'firebase/app'
require('firebase/firestore')
require('firebase/database')

var config = {
  apiKey: '',
  authDomain: '',
  databaseURL: '',
  projectId: '',
  storageBucket: '',
  messagingSenderId: '',
  appId: ''
}

firebase.initializeApp(config)
export const database_realtime = firebase.database()
export const firestore = firebase.firestore()