commit 6173bc611071be368967afd795be5e84d8b38ee5
author Yoshie Muranaka <yoshiemuranaka@gmail.com> Tue Jun 16 12:39:07 2020 -0700
committer Yoshie Muranaka <yoshiemuranaka@gmail.com> Thu Jul 02 13:36:20 2020 +0000
tree 0af79f623b54fc87bc36bde5c49e7d3c96d8f93e
parent 193c22a8c001e3274e0767b36df9a18a30e71da7

Create separate LoginLayout component

Create a separate layout for the login page so it can be reused
for first time password reset form.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Ia2da0e8d29f7d6ad77c5277193c7535f2d00a97d

src/router/index.js

diff --git a/src/router/index.js b/src/router/index.js
index 22662d7..73f3186 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,6 +2,7 @@
 import VueRouter from 'vue-router';
 import store from '../store/index';
 import AppLayout from '../layouts/AppLayout.vue';
+import LoginLayout from '@/layouts/LoginLayout';
 
 Vue.use(VueRouter);
 
@@ -131,11 +132,17 @@
   },
   {
     path: '/login',
-    name: 'login',
-    component: () => import('@/views/Login'),
-    meta: {
-      title: 'appPageTitle.login'
-    }
+    component: LoginLayout,
+    children: [
+      {
+        path: '',
+        name: 'login',
+        component: () => import('@/views/Login'),
+        meta: {
+          title: 'appPageTitle.login'
+        }
+      }
+    ]
   }
 ];