Using Ionic VueJS, Authentication Flow Using Composition API and Firebase
############
💥 COURSE VUEJS AVAILABLE NOW ONLY $10: https://gumroad.com/l/YfZfU/in202s8
############
Using Vue 3 Beta with Ionic, Firebase/Composition API Authentication Flow
#ionic #vuejs #firebase
0:00 - Intro
0:11 - walkthrough the base code
2:15 - create the useFirebaseAuth hook
4:20 - auth check to check for user at startup
5:44 - define state for the hook
8:26 - calling authCheck in main.ts
10:20 - seeing if authCheck works
11:00 - add router code to check for user
11:44 - implementing beforeEach
13:30 - explaining logic in beforeEach
14:50 - Adding types to state object to remove eslint errors
15:50 - set the default path
16:26 - making sure the state information is not reset which each instance
17:40 - implementing logout
20:54 - implementing login
22:00 - v-model not working properly in this release, workaround used
22:53 - call login function from hook
27:90 - all done, authCheck, logout and login
Showing authentication flow using composition api and firebase using the new ionic framework web components for vue 3
I am using the latest beta release of the Ionic integration with Vuejs. I am using typescript in the example and relying heavily on the new pattern of composition when creating single file components.
Created project using latest cli from Ionic using ionic start --tag vue-beta
VUE JS PLAYLIST ##
• Vue 3 Ionic Videos
NEWSLETTER ##
https://buff.ly/35bAMIf
#ionic #vuejs #tutorial #javascript #ionicframework #vue #compositionapi #capacitor #vuejs #firebase #vue3 #vuejs3
@Modus Create, Inc. partnered with @Ionic on the Vue 3 port
~-~~-~~~-~~-~
Please watch: "Getting Started With Appwrite, Vue JS Ionic Framework & Capacitor"
• Ionic Vue, Getting Started With Appwrite
~-~~-~~~-~~-~
