<FirebaseApp>

The <FirebaseApp> component is the root of your Firebase app. It provides the SDKs to all the other components without having to import them again.

1. Props

   • auth? - Firebase Auth Instance
   • firestore? - Firebase Firestore Instance
   • realtimeDb? - Firebase Realtime Database Instance
   • remoteConfig? - Firebase Remote Config Instance
   • storage? - Firebase Storage Instance

2. Examples

   Here's an example of how to use the <FirebaseApp> component.

   +layout.svelte

   <script>
     import { FirebaseApp } from 'firebase-svelte';
     // import only the ones you need
     import { 
       auth,
       firestore,
       realtimeDb,
       remoteConfig,
       storage 
     } from '$lib/firebase'; 
   </script>
   
   <FirebaseApp
     {auth}
     {firestore}
     {realtimeDb}
     {remoteConfig}
     {storage}
   >
     <slot />
   </FirebaseApp>