VueFire in offline mode

[carromeu]

Please, sorry dumb question, but VueFire works natively in offline mode? Or I need do any setting? Data sync when online will appear after I lost connection?

I am using VueFire with Vuetify PWA template. All others features of PWA works fine. I access my PWA online and see the list of items from my Firebase collection. So, I close all apps and put device in airplane mode. Starting PWA again all app structure appears fine, but the items from Firebase collection is not loaded. My service worker (and sw-precache) its ok (apparentely).

My PWA (in dev) is located here: htts://e-cow.carromeu.com

Any help?

[posva]

Apparently, offline support in PWA is not supported for firebase: firebase/firebase-js-sdk#17

Closing because there's nothing I can do on VueFire end 😄

[jc275]

This could be re-opened for the firestore branch, as Firestore does support offline persistence.

There are a few caveats:

For the web, offline persistence is an experimental feature that is supported only by the Chrome, Safari, and Firefox web browsers. Also, if a user opens multiple browser tabs that point to the same Cloud Firestore database, and offline persistence is enabled, Cloud Firestore will work correctly only in the first tab.

I'm guessing that the lack of cross-browser support is something to do with IndexedDB features that are missing in Edge browser, but that's only my guess.

However, there seems to be work underway on bringing multi-tab support for firestore offline persistence.

[posva]

I think offline support is something you activate with the Firebase sdk, so there's no need to add anything to vuefire

On Wed, 7 Mar 2018, 18:32 jc275, ***@***.***> wrote: This could be re-opened for the firestore branch, as Firestore does support offline persistence <https://firebase.google.com/docs/firestore/manage-data/enable-offline>. There are a few caveats: For the web, offline persistence is an experimental feature that is supported only by the Chrome, Safari, and Firefox web browsers. Also, if a user opens multiple browser tabs that point to the same Cloud Firestore database, and offline persistence is enabled, Cloud Firestore will work correctly only in the first tab. I'm guessing that the lack of cross-browser support is something to do with IndexedDB features that are missing in Edge browser <https://developer.microsoft.com/en-us/microsoft-edge/platform/catalog/?q=specName%3Aindexeddb%20safari%3Adetected%20firefox%3Adetected%20chrome%3Adetected%20edge%3Anot-detected&page=1>, but that's only my guess. However, there seems to be work underway on bringing multi-tab support for firestore offline persistence <https://github.com/firebase/firebase-js-sdk/compare/firestore-multi-tab>. — You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub <#154 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAoicbz9NVCHE8E33hYfL5Eo_8_7reOwks5tcBmfgaJpZM4Robm-> .

-- Eduardo San Martin Morote

[BashCloud]

Yes, Online support can be enable directly by the firebase sdk.

Simply add: firebase().firestore().enablePersistence(); after initializing firebaseApp (in main.js).
May be closed safely.

[michael-strain]

Is there any way to re-enable offline functionality in the latest version of vuefire? Specifically with Nuxt 3?

Found this article on the firebase docs, but couldn't find where initializeFirestore is called in order to set localCache.
https://firebase.google.com/docs/firestore/manage-data/enable-offline

Would be great to be able to getDocsFromCache when needed.

[posva]

@michael-strain see this page in documentation. This issue is completely outdated, it's better not to revive them 😄