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

1 files changed, 12 insertions, 5 deletions

diff --git a/src/router/index.js b/src/router/index.js
index 22662d71..73f31861 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,6 +2,7 @@ import Vue from 'vue';
 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 @@ const routes = [
   },
   {
     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'
+        }
+      }
+    ]
   }
 ];