Как настроить класс или файл для запроса из методов Firebase

Question

Я использовал запрос Firebase, методы аутентификации почти в vue компонентах. Эта ситуация вызывает много избыточных кодов, связанных с функциями запроса (или доступа к данным). Моя цель - создать читаемый, обычный, несложный проект. Как мне сделать служебный класс, например, объекты доступа к данным (DAO) в Java Applications?

Я поделился этой папкой firebaseUtil ниже:

import firebase from 'firebase/app';
import 'firebase/database';
import 'firebase/storage';

const firebaseConfig = {
  apiKey: "",
  authDomain: "",
  databaseURL: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: ""
};

const firebaseApp = firebase.initializeApp(firebaseConfig);
export const firebaseAuth = firebaseApp.auth();
export const db = firebaseApp.database();
export const hadithRef = db.ref('hadith');
export const storageRef = firebaseApp.storage().ref();

Я поделился примером vue компонент:

<script>
import {hadithRef} from '../firebaseUtil';

export default {

  methods:{
    getAllRecords(){
      hadithRef.limitToLast(4).once('value').then(snapshot => {
        this.all_record = snapshot.val();
        this.fillTable(this.all_record);
      });
    }
  }
}
</script>