keycloak fix

components/auth/LoginForm.vue

@@ -59,7 +59,9 @@ const login = () => {
                 </RouterLink>
             </div>
         </div>
-        <v-btn size="large" color="primary" :disabled="valid" block flat @click="login">Sign In</v-btn>
+        <!-- <v-btn size="large" color="primary" :disabled="valid" block flat @click="login">Sign In</v-btn> -->
+        <v-btn v-for="provider in providers" :key="provider" @click="signIn(provider.id)" color="primary" size="large"
+            block flat>Sign in with {{ provider.name }}</v-btn>
         <!-- <div class="mt-2">
             <v-alert color="error"></v-alert>
         </div> -->