Easily integrate Firebase into your Nuxt project.
⚠️ BREAKING CHANGES IN VERSION 7.0.0!:
Version 7 brings major breaking changes. Make sure to carefully read through the migration guide when migrate your application. See the release notes here.
Make sure you are using the newest version of Nuxt and have Firebase >8.0.0 installed in your project.
yarn add firebase # OR npm i firebase
Install the module via NPM or Yarn:
yarn add @nuxtjs/firebase # OR npm i @nuxtjs/firebase
Add the following to your nuxt.config.js.
See all configuration options here.
modules: [
[
'@nuxtjs/firebase',
{
config: {
apiKey: '<apiKey>',
authDomain: '<authDomain>',
databaseURL: '<databaseURL>',
projectId: '<projectId>',
storageBucket: '<storageBucket>',
messagingSenderId: '<messagingSenderId>',
appId: '<appId>',
measurementId: '<measurementId>'
},
services: {
auth: true // Just as example. Can be any other service.
}
}
]
],
Now you can use all Firebase services with this.$fire.auth
, this.$fire.firestore
, this.$fire.messaging
etc. (see list here).
Example:
try {
await this.$fire.auth.createUserWithEmailAndPassword('foo@foo.foo', 'test')
} catch (e) {
handleError(e)
}
If you have any questions or issues, check out the Nuxt Discord server.
Author: nuxt-community
Demo: https://firebase.nuxtjs.org/
Source Code: https://github.com/nuxt-community/firebase-module
#vue #vuejs #nuxt #nuxtjs #firebase