![\"nuxt-firebase](\"./packages/docs/static/preview.png\")
\n\n \n
![](\"https://nuxt-fire-demo.firebaseapp.com/logo_text.png\"/){kind=logo}
\nasync logEvent() {\n try {\n await this.$fire.analytics.logEvent('analytics_button_clicked')\n } catch (e) {\n alert(e)\n }\n}\n \n This will log an event in Firebase Analytics.
\nYou are logged in with {{ authUser.email }}.
\n\nasync createUser() {\n try { \n await this.$fire.auth.createUserWithEmailAndPassword('foo@foo.foo', 'test')\n } catch (e) { \n alert(e) \n }\n}\n \n \nasync writeToFirestore() {\n const messageRef = this.$fire.firestore.collection('message').doc('message')\n try {\n await messageRef.set({\n message: 'Nuxt-Fire with Firestore rocks!'\n })\n } catch (e) {\n alert(e)\n return\n }\n alert('Success.')\n}\n \n \nasync readFromFirestore() {\n const messageRef = this.$fire.firestore.collection('message').doc('message')\n try {\n const messageDoc = await messageRef.get()\n alert(messageDoc.data().message)\n } catch (e) {\n alert(e)\n return\n }\n}\n Might take some seconds.
\n\nasync callTestFunction() {\n try {\n const res = await this.$fire.functions.httpsCallable('testFunction')()\n alert(res.data)\n } catch (e) {\n alert(e)\n return\n }\n}\n \nasync writeToRealtimeDb() {\n const messageRef = this.$fire.database.ref('message')\n try {\n await messageRef.set({\n message: 'Nuxt-Fire with Firebase Realtime Database rocks!'\n })\n } catch (e) {\n alert(e)\n return\n }\n alert('Success.')\n}\n \nasync readFromRealtimeDb() {\n const messageRef = this.$fire.database.ref('message')\n try {\n const snapshot = await messageRef.once('value')\n alert(snapshot.val().message)\n } catch (e) {\n alert(e)\n return\n }\n}\n \nasync readRemoteConfig() {\n try {\n await this.$fire.remoteConfig.fetchAndActivate();\n } catch (e) {\n alert(e);\n return;\n }\n const exampleMessage = await this.$fire.remoteConfig.getValue(\"exampleMessage\");\n alert(\n `Success. Read RemoteConfig parameter 'exampleMessage' is: ${exampleMessage._value}`\n );\n}\n\n \nasync uploadFile() {\n const storageRef = this.$fire.storage.ref().child('message.txt')\n const message = 'Nuxt-Fire with Firebase Storage rocks!'\n try {\n const snapshot = await storageRef.putString(message)\n alert('File uploaded.')\n } catch (e) {\n alert(e.message)\n }\n}\n \n \nasync getFileUrl() {\n const storageRef = this.$fire.storage.ref().child('message.txt')\n try {\n const url = await storageRef.getDownloadURL()\n alert(`The file can be found here: ${url}`)\n } catch (e) {\n alert(e.message)\n }\n}\n \n \n Tests if fireXXX objects can be accessed in a vuex store action.\n
\n![](\"/preview-dark.png\")
\n![](\"/preview.png\")
\n\n::: danger IMPORTANT - Nuxt 3 not supported!\n\nThis module was written for **Nuxt 2** and does currently not support Nuxt 3. There are currently **no plans** to support Nuxt 3 in the near future in this module. However, you can take a look at VueFire Nuxt module for Nuxt 3 support\n\n:::\n\n::: warning Modular Mode (Firebase v9+)\n\nThis module does NOT support the new modular syntax from Firebase v9+.\n\nIf you plan to use the new modular mode of Version 9, we advise you to implement Firebase manually as described in the following medium article.\n\nIt is currently unclear when, and if, this module will support the new modular mode. See discussion.\n\n:::\n\n## What is this?\n\nThe Nuxt.js Firebase Module is a module that helps you integrate the Firebase JavaScript SDK into your application with ease. By simply configuring this module in your nuxt.config.js file, you can use all Firebase Services throughout your app.\n\nBy importing each individual Firebase service dynamically this module reduces bundle sizes and improves performance of your Nuxt.js app with Firebase.\n\nThe module additionally adds other perks such as a plugin that automated the setup of onAuthStateChanged() for Firebase Authentication or other helper functions that make your life with Firebase easier.\n\n## How does it work?\n\nThe module adds a plugin to your Nuxt.js application that handles the initialization of each Firebase service (Authentication, Firestore, etc.). It then injects these services into the global context which makes them easily available throughout your application.\n"
},
{
"path": "packages/docs/docs/guide/options.md",
"content": "# Options\n\n## config