Build base structure

src/App.vue

@@ -1,9 +1,5 @@
 <template>
   <div id="app">
-    <div id="nav">
-      <router-link to="/">Home</router-link> |
-      <router-link to="/about">About</router-link>
-    </div>
     <router-view />
   </div>
 </template>

src/router.js

@@ -1,6 +1,7 @@
 import Vue from "vue";
 import Router from "vue-router";
-import Home from "./views/Home.vue";
+import Layout from "./views/layout/Layout";
+import DashBoard from "./views/dashboard/Dashboard";
 
 Vue.use(Router);
 
@@ -8,17 +9,20 @@ export default new Router({
   routes: [
     {
       path: "/",
-      name: "home",
-      component: Home
-    },
-    {
-      path: "/about",
-      name: "about",
-      // route level code-splitting
-      // this generates a separate chunk (about.[hash].js) for this route
-      // which is lazy-loaded when the route is visited.
-      component: () =>
-        import(/* webpackChunkName: "about" */ "./views/About.vue")
+      name: "layout",
+      component: Layout,
+      children: [
+        {
+          path: "dashboard",
+          name: "dashboard",
+          component: DashBoard
+        },
+        {
+          path: "posts",
+          name: "posts-list",
+          component: () => import("./views/post/PostList")
+        }
+      ]
     }
   ]
 });

src/views/attachment/AttachmentDetail.vue

@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>

src/views/attachment/AttachmentList.vue

@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>

src/views/comment/CommentList.vue

@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>

src/views/dashboard/Dashboard.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>Dashboard</div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style scoped></style>

src/views/interface/MenuList.vue

@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>

src/views/interface/ThemeEdit.vue

@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>

src/views/interface/ThemeList.vue

@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>

src/views/layout/Layout.vue

@@ -0,0 +1,24 @@
+<template>
+  <div>
+    <div class="nav">
+      Nav
+      <ul>
+        <li>
+          <router-link :to="{ name: 'dashboard' }">Dashboard</router-link>
+        </li>
+        <li>
+          <router-link :to="{ name: 'posts-list' }">Posts</router-link>
+        </li>
+      </ul>
+    </div>
+    <div class="container">
+      <router-view />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style scoped></style>

src/views/page/PageEdit.vue

@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>

src/views/page/PageList.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>
+    Page list
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style scoped></style>

src/views/post/CategoryList.vue

@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>

src/views/post/PostEdit.vue

@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>

src/views/post/PostList.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>Post list</div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style scoped></style>

src/views/post/TagList.vue

@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>

src/views/system/BackupList.vue

@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>

src/views/system/OptionForm.vue

@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>

src/views/system/ToolList.vue

@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>

src/views/user/Profile.vue

@@ -0,0 +1,8 @@
+<template> </template>
+
+<script>
+export default {};
+</script>
+
+<style scoped>
+</style>