#oauth fix some problems ( FB still not working )

src/views/LoginView.vue

@@ -1,10 +1,6 @@
 <template>
     <v-app style="background-color: #f4f4f4;">
       <!-- Google Oauth -->
-      <GoogleLogin :callback="googleCallback" popup-type="TOKEN">
-        <button>Login Using Google</button>
-      </GoogleLogin>
-
         <div class="sm:flex hidden items-center justify-between flex-col"
             style="background-color: #f4f4f4; margin-top: 3%;">
 
@@ -41,6 +37,14 @@
                                     <v-btn color="#6b0065" class="ma-2 btnhome">Accueil</v-btn>
                                 </router-link>
                                 <v-btn color="primary" class="ma-2 btnhome" @click="login">Login</v-btn>
+                              <GoogleLogin :callback="googleCallback" popup-type="TOKEN">
+                                <v-btn color="primary" class="ma-2 btnhome">Google Login</v-btn>
+                              </GoogleLogin>
+
+                              <FacebookAuth :appId="facebookAppId" @on-submit="facebookCallback">
+                                <v-btn color="primary" class="ma-2 btnhome">Facebook Login</v-btn>
+                              </FacebookAuth>
+
                             </v-card-actions>
                             <div class="text-center">
                                 <h2 class="text-center display-3 h2pasinscrit">Pas encore inscrit?</h2>
@@ -102,6 +106,7 @@ import {ref} from 'vue';
 import {useRouter} from 'vue-router';
 import {useClient} from "@/plugins/api.js";
 import {GoogleLogin} from "vue3-google-login";
+import { FacebookAuth } from '@xtiannyeto/vue-auth-social';
 
 const api = useClient()
 
@@ -115,16 +120,24 @@ async function login() {
     // TODO: Make the store handle errors
     try {
         await store.login(api, user.value.email, user.value.password)
-        router.push('/');
+        await router.push('/');
     } catch (error) {
         errorSnackBar.value = true;
     }
 }
 
-const googleCallback = (response) => {
+const googleCallback = async (response) => {
   // TODO: Make the store handle errors
-  store.loginGoogle(api, response["access_token"])
+  await store.loginGoogle(api, response["access_token"])
+  await router.push("/");
 }
+
+
+const facebookAppId = import.meta.env.VITE_FACEBOOK_APP_ID;
+const facebookCallback = async (response) => {
+  console.log("User Successfully Logged In" , response)
+}
+
 </script>
 
 <style scoped>