vuefire

Official Firebase bindings for Vue.js

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
vuefire
3,791163.1.232 months ago8 years agoMinified + gzip package size for vuefire in KB

Popular Searches

Readme

<img width="100" src="https://vuefire.vuejs.org/logo.svg" alt="VueFire logo">


npm package build status code coverage



Firebase for Vue made easy!

  • Works with Vue >=2.7 and Vue 3
  • Supports Composition and Options API
  • Supports Vuex, Pinia, and anything that gives you a Vue ref()
  • Built for Modular Firebase >=9 for optimal tree shaking
  • Automatically listen for changes in nested references

📚 Documentation

Help me keep working on this project 💚



Silver Sponsors

<a href="https://www.vuemastery.com/" target="_blank" rel="noopener noreferrer">
<picture>
  <source srcset="https://posva-sponsors.pages.dev/logos/vuemastery-dark.png" media="(prefers-color-scheme: dark)" height="42px" alt="VueMastery" />
  <img src="https://posva-sponsors.pages.dev/logos/vuemastery-light.svg" height="42px" alt="VueMastery" />
</picture>
<a href="https://www.prefect.io/" target="_blank" rel="noopener noreferrer">
<picture>
  <source srcset="https://posva-sponsors.pages.dev/logos/prefectlogo-dark.svg" media="(prefers-color-scheme: dark)" height="42px" alt="Prefect" />
  <img src="https://posva-sponsors.pages.dev/logos/prefectlogo-light.svg" height="42px" alt="Prefect" />
</picture>


Bronze Sponsors

<a href="https://stormier.ninja" target="_blank" rel="noopener noreferrer">
<picture>
  <source srcset="https://avatars.githubusercontent.com/u/2486424?u=7b0c73ae5d090ce53bf59473094e9606fe082c59&v=4" media="(prefers-color-scheme: dark)" height="26px" alt="Stanislas Ormières" />
  <img src="https://avatars.githubusercontent.com/u/2486424?u=7b0c73ae5d090ce53bf59473094e9606fe082c59&v=4" height="26px" alt="Stanislas Ormières" />
</picture>
<a href="https://www.vuejs.de" target="_blank" rel="noopener noreferrer">
<picture>
  <source srcset="https://avatars.githubusercontent.com/u/4183726?u=6b50a8ea16de29d2982f43c5640b1db9299ebcd1&v=4" media="(prefers-color-scheme: dark)" height="26px" alt="Antony Konstantinidis" />
  <img src="https://avatars.githubusercontent.com/u/4183726?u=6b50a8ea16de29d2982f43c5640b1db9299ebcd1&v=4" height="26px" alt="Antony Konstantinidis" />
</picture>
<a href="https://storyblok.com" target="_blank" rel="noopener noreferrer">
<picture>
  <source srcset="https://posva-sponsors.pages.dev/logos/storyblok.png" media="(prefers-color-scheme: dark)" height="26px" alt="Storyblok" />
  <img src="https://posva-sponsors.pages.dev/logos/storyblok.png" height="26px" alt="Storyblok" />
</picture>
<a href="https://ui.nuxt.com/pro" target="_blank" rel="noopener noreferrer">
<picture>
  <source srcset="https://avatars.githubusercontent.com/u/81570812?v=4" media="(prefers-color-scheme: dark)" height="26px" alt="Nuxt UI Pro Templates" />
  <img src="https://avatars.githubusercontent.com/u/81570812?v=4" height="26px" alt="Nuxt UI Pro Templates" />
</picture>


Status

  • VueFire is currently stable
  • Nuxt VueFire is in Preview

Roadmap

You can follow the progress and future plans on the Roadmap issue.

Installation

VueFire requires the firebase package to be installed as well as vuefire:
npm install vuefire firebase

Check the documentation for Nuxt instructions.

Usage

Related

- Realtime database - Cloud Firestore

License

MIT