now getting login providers from backend

src/components/Login.vue

@@ -8,6 +8,11 @@
                     <p class="subtitle error-msg">{{ errorMsg }}</p>
                 </div>
             </div>
+            <ul>
+            <li v-for="(provider, index) in loginProviders" v-bind:id="index">
+                <a :href="provider.url">{{ index }} ({{provider.type}})</a>
+            </li>
+            </ul>
         </section>
         <section class="section">
             <div class="container">
@@ -44,6 +49,7 @@
                 email: '',
                 password: '',
                 errorMsg: '',
+                loginProviders: [],
             };
         },
         methods: {
@@ -58,11 +64,15 @@
         },
         mounted () {
             EventBus.$on('failedRegistering', (msg) => {
-                this.errorMsg = msg
+                this.errorMsg = msg;
             });
             EventBus.$on('failedAuthentication', (msg) => {
-                this.errorMsg = msg
+                this.errorMsg = msg;
             });
+            EventBus.$on('loginProvidersLoaded', (providers) => {
+                this.loginProviders = providers;
+            });
+            this.$store.dispatch('loadLoginProviders');
         },
         beforeDestroy () {
             EventBus.$off('failedRegistering');