refactor: provide provider information with settings

This removes one http request when loading the information for login screen

lib/Controller.php

@@ -19,7 +19,7 @@ public function __construct()
         $this->providers = new ProvidersManager($this->kirby);
     }
 
-    public function providers()
+    private function providers()
     {
         return $this->providers->count() > 0 ?
             $this->providers->toArray(
@@ -39,6 +39,7 @@ public function settings()
         return [
             'onlyOauth' => $this->kirby->option('thathoff.oauth.onlyOauth', false),
             'enabled' => count($this->providers) > 0,
+            'providers' => $this->providers(),
         ];
     }
 
@@ -125,7 +126,7 @@ private function loginUser(ResourceOwnerInterface $oauthUser)
         $oauthUserData = $oauthUser->toArray();
 
         $vars = ['name', 'email', 'email_verified', 'hd'];
-        
+
         //Azure Active Directory doesn't use "email" for email address, but "upn" for User Principal Name, and the email is always verified in Azure AD tenant
         if(isset($oauthUserData["upn"])) {
             $email = $oauthUserData["upn"];

src/components/LoginScreen.vue

@@ -21,19 +21,20 @@ export default {
   data() {
     return {
       settings: {},
-      providers: [],
       error: null
     };
   },
   created() {
     this.load();
   },
+  computed: {
+    providers () {
+      return Object.values(this.settings.providers)
+    }
+  },
   methods: {
     async load() {
       this.settings = await this.$api.get("oauth/settings");
-      this.providers = Object.values(
-        await this.$api.get("oauth/providers")
-      );
       this.error = (await this.$api.get("oauth/oauthError")).msg;
     }
   }