new: add store

src/layouts/MainLayout.vue

@@ -40,7 +40,7 @@
           </q-btn>
           <q-btn round flat>
             <q-avatar size="26px" @click="loginGoogle">
-              <img :src="defaultAvatar">
+              <img :src="user.avatar">
             </q-avatar>
             <q-tooltip>Account</q-tooltip>
           </q-btn>
@@ -137,6 +137,7 @@
 </template>
 
 <script>
+import { mapGetters,mapActions } from "vuex"
 import { fabYoutube } from '@quasar/extras/fontawesome-v5'
 export default {
   name: 'MyLayout',
@@ -191,7 +192,11 @@ export default {
   created () {
     this.fabYoutube = fabYoutube
   },
+  computed: {
+    ...mapGetters("user", ["user"]),
+  },
   methods: {
+    ...mapActions('user',['updateUser']),
     async loginGoogle() {
       try {
         const googleUser = await this.$gAuth.signIn()
@@ -213,6 +218,7 @@ export default {
           this.userUpdate.isAuth = true
           this.defaultAvatar = this.userUpdate.avatar
           console.log(bio)
+          this.updateUser(this.userUpdate)
           
           // this.upsertUser()
           if (this.$route.query.redirect){

src/store/index.js

 import Vue from 'vue'
 import Vuex from 'vuex'
-
+import user from './store-user'
 // import example from './module-example'
 
 Vue.use(Vuex)
@@ -17,7 +17,7 @@ Vue.use(Vuex)
 export default function (/* { ssrContext } */) {
   const Store = new Vuex.Store({
     modules: {
-      // example
+      user
     },
 
     // enable strict mode (adds overhead!)

src/store/store-user.js

+const state = {
+    user: {
+        token: '',
+        firstName: '',
+        lastName: '',
+        email: '',
+        avatar: 'https://cdn.quasar.dev/img/boy-avatar.png',
+        fullname: '',
+        id: '',
+        isAdmin: false,
+        isAuth: false
+    }
+}
+
+const mutations = {
+    updateUser(state, user) {
+        Object.assign(state.user, user)
+    }
+}
+
+const actions = {
+    updateUser({ commit }, payload) {
+        commit('updateUser',payload)
+    }
+}
+
+const getters = {
+    user: (state) => {
+        return state.user
+    }
+}
+
+export default {
+    namespaced: true,
+    state,
+    mutations,
+    actions,
+    getters
+}
\ No newline at end of file