Minor - add redirects to login page

assets/vue/components/Login.vue

@@ -82,7 +82,7 @@ export default {
       if (typeof redirect !== "undefined") {
         router.push({path: redirect});
       } else {
-        router.push({path: "/"});
+        router.push({path: "/home"});
       }
     }
 
@@ -103,7 +103,7 @@ export default {
         if (typeof redirect !== "undefined") {
           router.push({path: redirect});
         } else {
-          router.push({path: "/courses"});
+          router.push({path: "/home"});
         }
       }
     }

assets/vue/pages/Index.vue

@@ -18,11 +18,11 @@
         <div class="grid grid-cols-1 md:grid-cols-2">
 
           <!-- Form-->
-          <div class="md:row-start-1 md:col-start-2 md:col-end-2 p-12">
+          <div class="md:row-start-1 md:col-start-2 md:col-end-2 xl:p-12">
-            <div class="mt-10 lg:mt-16 flex justify-center">
+            <div class="md:mt-10 lg:mt-16 flex justify-center">
               <div class="max-w-sm">
                 <div>
-                  <h2 class="mt-6 text-center text-3xl font-extrabold text-gray-900">
+                  <h2 class="text-center text-3xl font-extrabold text-gray-900">
                     Sign in
                   </h2>
                 </div>

assets/vue/pages/Login.vue

@@ -13,11 +13,20 @@
 
 <script>
 import Login from '../components/Login';
-
+import {useRouter} from "vue-router";
+import {useStore} from "vuex";
 export default {
   components: {
     Login
   },
-  name: "LoginPage"
+  name: "LoginPage",
+  setup() {
+    const router = useRouter();
+    const store = useStore();
+    // If user is already logged in redirect to home.
+    if (store.getters["security/isAuthenticated"]) {
+        router.push({path: "/home"});
+    }
+  }
 }
 </script>