--- title: VueFire is now stable | daily.dev description: VueFire, the Vue and Firebase integration library built in partnership with Eduardo San Martin Morote, has reached stable status, including its Nuxt Module.... canonical: https://daily.dev/posts/vuefire-is-now-stable-2obydwlod twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: VueFire is now stable | daily.dev og:description: VueFire, the Vue and Firebase integration library built in partnership with Eduardo San Martin Morote, has reached stable status, including its Nuxt Module.... og:url: https://daily.dev/posts/vuefire-is-now-stable-2obydwlod og:image: https://api.daily.dev/og/posts/2oBydWLod.png og:image:alt: VueFire is now stable og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # VueFire is now stable **[Firebase](https://daily.dev/sources/firebase-blog)** · 8 min read · 0 upvotes · 0 comments ## Summary VueFire, the Vue and Firebase integration library built in partnership with Eduardo San Martin Morote, has reached stable status, including its Nuxt Module. The release brings composables like useCollection, useDocument, useDatabaseList, and useCurrentUser for realtime data and authentication, plus Nuxt support for SSR, App Check, server/client authentication sync via cookies, and automatic Firebase Emulator Suite integration. A new documentation site is also live. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How do I set up realtime Firestore data binding in a Vue component with VueFire? Use the useCollection composable from VueFire, passing it a Firestore collection reference, to get a reactive array kept in sync with database changes. For example, `const todos = useCollection(collection(db, 'todos'))` inside a script setup block automatically manages the subscription and updates the todos array on local or remote changes, using Firebase's onSnapshot under the hood. _Vue developers wiring up Firebase integrations can follow ongoing VueFire coverage on daily.dev._ ### How do I enable server side rendering for authenticated pages in Nuxt with VueFire? Set sessionCookie to true inside the auth block of the vuefire configuration in nuxt.config, in addition to enabled: true. This lets the module mint a cookie for authenticated users and use it on each request, allowing pages behind authentication to render as though the user is already logged in, rather than skipping SSR for those routes by default. _Teams debugging Nuxt and Firebase SSR auth flows can track library updates like this on daily.dev._ ### How do I use Firebase Emulator Suite automatically with VueFire in a Nuxt project? VueFire automatically enables the emulators during development if a firebase.json file exists with an emulators property configured, requiring no manual code to point the Firebase SDK at local emulators instead of a cloud project. This removes the need to write connection logic that would otherwise be required to target the Emulator Suite instead of a live Firebase project. _Developers configuring local Firebase dev environments can follow library updates like this via daily.dev._ ## Similar posts on daily.dev - [Nuxt 4.4 · Nuxt Blog](https://daily.dev/posts/nuxt-4-4-nuxt-blog-vdidzqjqy) · Nuxt · 59 upvotes · 3 comments - [Weekly Vue News \#238 - Nuxt UI v4, business wins with Nuxt, and VueUse](https://daily.dev/posts/weekly-vue-news-238---nuxt-ui-v4-business-wins-with-nuxt-and-vueuse-wumv8vcnf) · Weekly Vue News · 9 upvotes · 0 comments - [Nuxt Introduces Native Request Cancellation and Async Handler Extraction for Performance Gains](https://daily.dev/posts/nuxt-introduces-native-request-cancellation-and-async-handler-extraction-for-performance-gains-neof0scnz) · InfoQ · 8 upvotes · 0 comments --- Tags: [#authentication](https://daily.dev/tags/authentication), [#vuejs](https://daily.dev/tags/vuejs), [#firebase](https://daily.dev/tags/firebase), [#nuxt](https://daily.dev/tags/nuxt) [View this post on daily.dev](https://daily.dev/posts/vuefire-is-now-stable-2obydwlod) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"VueFire is now stable","url":"https://daily.dev/posts/vuefire-is-now-stable-2obydwlod","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/vuefire-is-now-stable-2obydwlod"},"datePublished":"2026-08-23T12:18:30.134Z","dateModified":"2026-08-23T12:34:22.772Z","description":"VueFire, the Vue and Firebase integration library built in partnership with Eduardo San Martin Morote, has reached stable status, including its Nuxt Module....","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/31c6e1d212daa0a5d0de6922f5fd5f44?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/31c6e1d212daa0a5d0de6922f5fd5f44?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Firebase","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Firebase","logo":"https://media.daily.dev/image/upload/s--i395oqZH--/f_auto,q_auto/v1787487448/logos/firebase-blog?_a=BAMAMicg0","url":"https://daily.dev/sources/firebase-blog"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/vuefire-is-now-stable-2obydwlod","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"authentication,vuejs,firebase,nuxt","timeRequired":"PT8M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Firebase","item":"https://daily.dev/sources/firebase-blog"},{"@type":"ListItem","position":3,"name":"VueFire is now stable"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/vuefire-is-now-stable-2obydwlod#faq","mainEntity":[{"@type":"Question","name":"How do I set up realtime Firestore data binding in a Vue component with VueFire?","acceptedAnswer":{"@type":"Answer","text":"Use the useCollection composable from VueFire, passing it a Firestore collection reference, to get a reactive array kept in sync with database changes. For example, `const todos = useCollection(collection(db, 'todos'))` inside a script setup block automatically manages the subscription and updates the todos array on local or remote changes, using Firebase's onSnapshot under the hood. Vue developers wiring up Firebase integrations can follow ongoing VueFire coverage on daily.dev."}},{"@type":"Question","name":"How do I enable server side rendering for authenticated pages in Nuxt with VueFire?","acceptedAnswer":{"@type":"Answer","text":"Set sessionCookie to true inside the auth block of the vuefire configuration in nuxt.config, in addition to enabled: true. This lets the module mint a cookie for authenticated users and use it on each request, allowing pages behind authentication to render as though the user is already logged in, rather than skipping SSR for those routes by default. Teams debugging Nuxt and Firebase SSR auth flows can track library updates like this on daily.dev."}},{"@type":"Question","name":"How do I use Firebase Emulator Suite automatically with VueFire in a Nuxt project?","acceptedAnswer":{"@type":"Answer","text":"VueFire automatically enables the emulators during development if a firebase.json file exists with an emulators property configured, requiring no manual code to point the Firebase SDK at local emulators instead of a cloud project. This removes the need to write connection logic that would otherwise be required to target the Emulator Suite instead of a live Firebase project. Developers configuring local Firebase dev environments can follow library updates like this via daily.dev."}}]} ```