<!-- TITLE/ --> # @dword-design/nuxt-firebase <!-- /TITLE -->
OTHER License
# npm
$ npm install @dword-design/nuxt-firebase
# Yarn
$ yarn add @dword-design/nuxt-firebase
Add the module to your nuxt.config.js
:
{
modules: [
['@dword-design/nuxt-firebase', {
apiKey: <api key>,
authDomain: <auth domain>,
projectId: <project id>,
storageBucket: <storage bucket>,
messagingSenderId: <messaging sender id>,
appId: <app id>,
measurementId: <measurement id>,
}],
],
}
Add firebase properties to a nuxt page:
import { firestoreData } from '@dword-design/nuxt-firebase/dist/helper'
export default {
...firestoreData(({ store, app: { $firestore } }) => ({
feeds: $firestore
.collection('users')
.doc(store.getters['auth/user'].id)
.collection('feeds'),
})),
render: () => ...
}
Now you have server-side data and also reactive data on the client side!
Are you missing something or want to contribute? Feel free to file an issue or a pull request! ⚙️
Hey, I am Sebastian Landwehr, a freelance web developer, and I love developing web apps and open source packages. If you want to support me so that I can keep packages up to date and build more helpful tools, you can donate here:
Thanks a lot for your support! ❤️