vuefire VS capacitor

This is what you need: https://vuefire.vuejs.org/

Not sure typing collection references is helpful, you probably want to type things like getDoc / getDocs. You can check out how Vuefire does it. Also, there might be an equivalent lib for react.

We'll walk you through the process step-by-step, providing terminal commands and source code to support the video, so you can follow along and see exactly how it's done. But that's not all - this post is part of an ongoing series on Firebase integration with Vite, Vue project. In upcoming videos, we'll show you how to fully integrate Firebase with VueFire, a library that provides seamless integration of Firebase with Vue.js applications.

We will use VueFire that exposes some helpful composables to easily achieve things like authentication and real-time data sync.

Looking at the Vuefire roadmap there's been some activity, but it's unknown when or if this library will return to support current technology.

What about this? https://github.com/vuejs/vuefire/issues/999

It should also be mentioned that the official VSCode Ionic Plugin is also capable of migrating your existing application. Capacitor v6 now also supports bun as a package manager.

> PWA optionally bundled with some native components for filing the gaps, as in Tauri.

Isn't that essentially Capacitor?

https://capacitorjs.com

Have you experienced slow scrolling issues?

https://github.com/ionic-team/capacitor/issues/4187

Project: Build This Webpage (just this one page, make sure it is responsive (useful on all screen sizes)) => https://capacitorjs.com/

Capacitor

For the longest time, building desktop apps was a daunting task to web developers. That is, until technologies like Electron made creating these apps more approachable to a wider audience. Today, we’ve got a wide array of native applications built with solutions like Electron, Tauri, Capacitor, and many more. While these are great solutions, sometimes configuration can be tricky and the applications we create can become somewhat bloated in terms of memory usage.

The traditional alternative to Electon on mobile platforms is Capacitor (which uses the system webview):

https://capacitorjs.com/

(fka Apache Cordova, fka PhoneGap)

Ionic Framework UI Components are used to build a website and then a mobile application is built using Ionic Capacitor. Ionic UI components are not required but are used for UX. The vue js code presented here will work fine in a separate application.

Welcome to Part Two of this four-part series on building a mobile game using open source technologies. We'll be using Phaser, along with Ionic, Capacitor, and Vue.