Linked frontend to backend

src/views/LoginView.vue

@@ -4,6 +4,7 @@
       <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%;">
 
@@ -105,7 +106,7 @@ import {auth} from '@/stores/auth.js';
 import {ref} from 'vue';
 import {useRouter} from 'vue-router';
 import {useClient} from "@/plugins/api.js";
-import {decodeCredential} from 'vue3-google-login'
+import {GoogleLogin} from "vue3-google-login";
 
 const api = useClient()
 
@@ -116,6 +117,7 @@ let user = ref({});
 let errorSnackBar = ref(false);
 
 async function login() {
+    // TODO: Make the store handle errors
     try {
       await store.login(api, user.value.email, user.value.password)
       router.push('/');
@@ -125,8 +127,8 @@ async function login() {
 }
 
 const googleCallback = (response) => {
-  console.log(response)
-  //store.loginWithGoogle(api, credential)
+  // TODO: Make the store handle errors
+  store.loginGoogle(api, response["access_token"])
 }
 </script>