Add 'frontend/' from commit 'c070c0315d66a44154ab7d9f9ea6c211a15f4dba'

git-subtree-dir: frontend
git-subtree-mainline: 205a3bd14b
git-subtree-split: c070c0315d

frontend/src/views/main/LoginForm.vue

@@ -0,0 +1,33 @@
+<template>
+  <div class="flex flex-col items-center min-w-[300px] m-4">
+    <h1 class="text-center text-2xl font-bold mb-5">Connexion</h1>
+
+    <google-login class="w-full"
+                  :callback="googleCallback"
+                  popup-type="TOKEN">
+      <v-btn density="comfortable" class="mb-2 w-full">
+        <v-icon left>mdi-google</v-icon>
+        Google
+      </v-btn>
+    </google-login>
+    
+  </div>
+</template>
+
+<script setup>
+import {ref} from 'vue';
+import {useAuthStore} from '@/stores/authStore.js';
+import {GoogleLogin} from "vue3-google-login";
+
+const authStore = useAuthStore();
+
+const errorSnackBar = ref(false);
+
+async function googleCallback(token) {
+  const response = await authStore.loginWithGoogle(JSON.stringify(token));
+  if (response !== true) {
+    errorSnackBar.value = true;
+  }
+}
+
+</script>