async logEvent() {
try {
await this.$fire.analytics.logEvent('analytics_button_clicked')
} catch (e) {
alert(e)
}
}
This will log an event in Firebase Analytics.
You are logged in with {{ authUser.email }}.
async createUser() {
try {
await this.$fire.auth.createUserWithEmailAndPassword('foo@foo.foo', 'test')
} catch (e) {
alert(e)
}
}
async writeToFirestore() {
const messageRef = this.$fire.firestore.collection('message').doc('message')
try {
await messageRef.set({
message: 'Nuxt-Fire with Firestore rocks!'
})
} catch (e) {
alert(e)
return
}
alert('Success.')
}
async readFromFirestore() {
const messageRef = this.$fire.firestore.collection('message').doc('message')
try {
const messageDoc = await messageRef.get()
alert(messageDoc.data().message)
} catch (e) {
alert(e)
return
}
}
Might take some seconds.
async callTestFunction() {
try {
const res = await this.$fire.functions.httpsCallable('testFunction')()
alert(res.data)
} catch (e) {
alert(e)
return
}
}
async writeToRealtimeDb() {
const messageRef = this.$fire.database.ref('message')
try {
await messageRef.set({
message: 'Nuxt-Fire with Firebase Realtime Database rocks!'
})
} catch (e) {
alert(e)
return
}
alert('Success.')
}
async readFromRealtimeDb() {
const messageRef = this.$fire.database.ref('message')
try {
const snapshot = await messageRef.once('value')
alert(snapshot.val().message)
} catch (e) {
alert(e)
return
}
}
async readRemoteConfig() {
try {
await this.$fire.remoteConfig.fetchAndActivate();
} catch (e) {
alert(e);
return;
}
const exampleMessage = await this.$fire.remoteConfig.getValue("exampleMessage");
alert(
`Success. Read RemoteConfig parameter 'exampleMessage' is: ${exampleMessage._value}`
);
}
async uploadFile() {
const storageRef = this.$fire.storage.ref().child('message.txt')
const message = 'Nuxt-Fire with Firebase Storage rocks!'
try {
const snapshot = await storageRef.putString(message)
alert('File uploaded.')
} catch (e) {
alert(e.message)
}
}
async getFileUrl() {
const storageRef = this.$fire.storage.ref().child('message.txt')
try {
const url = await storageRef.getDownloadURL()
alert(`The file can be found here: ${url}`)
} catch (e) {
alert(e.message)
}
}
Tests if fireXXX objects can be accessed in a vuex store action.
::: danger IMPORTANT - Nuxt 3 not supported!
This 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
:::
::: warning Modular Mode (Firebase v9+)
This module does NOT support the new modular syntax from Firebase v9+.
If 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.
It is currently unclear when, and if, this module will support the new modular mode. See discussion.
:::
## What is this?
The 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.
By importing each individual Firebase service dynamically this module reduces bundle sizes and improves performance of your Nuxt.js app with Firebase.
The 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.
## How does it work?
The 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.
================================================
FILE: packages/docs/docs/guide/options.md
================================================
# Options
## config