Integration of MS365 Login into Login

pages/login.vue

@@ -36,6 +36,17 @@ const fields = [{
   placeholder: 'Passwort'
 }]
 
+const authenticateWithAzure = async () => {
+  const { data, error } = await supabase.auth.signInWithOAuth({
+    provider: 'azure',
+    options: {
+      scopes: 'email',
+    },
+  })
+
+  console.log(data)
+  console.log(error)
+}
 
 const onSubmit = async (data) => {
 
@@ -94,19 +105,26 @@ const onSubmit = async (data) => {
       dark="/Logo_Dark.png"
     />
 
-<!--    <img
-        :src="!isLight  ? '/spaces.svg' : '/spaces_hell.svg'"
-        alt="Logo"
-        class="w-full mx-auto"
-    />-->
-
     <UAuthForm
         title="Login"
-        description="Geben Sie Ihre Anmeldedaten ein um Zugriff auf Ihren Account zu bekommen"
+        description="Geben Sie Ihre Anmeldedaten ein um Zugriff auf Ihren Account zu erhalten."
         align="bottom"
-        :fields="fields"
+        :fields="[{
+            name: 'email',
+            type: 'text',
+            label: 'Email',
+            placeholder: 'Deine E-Mail Adresse'
+          }, {
+            name: 'password',
+            label: 'Passwort',
+            type: 'password',
+            placeholder: 'Dein Passwort'
+          }]"
         :loading="false"
         @submit="onSubmit"
+        :providers="[{label: 'MS365',icon: 'i-simple-icons-microsoft',color: 'gray',click: authenticateWithAzure}]"
+        :submit-button="{label: 'Weiter'}"
+        divider="oder"
     >
 
     </UAuthForm>