diff --git a/vue/src/layout/component/Sidebar/component/Logo.vue b/vue/src/layout/component/Aside/component/Logo.vue
similarity index 100%
rename from vue/src/layout/component/Sidebar/component/Logo.vue
rename to vue/src/layout/component/Aside/component/Logo.vue
diff --git a/vue/src/layout/component/Sidebar/component/SidebarItem.vue b/vue/src/layout/component/Aside/component/SidebarItem.vue
similarity index 100%
rename from vue/src/layout/component/Sidebar/component/SidebarItem.vue
rename to vue/src/layout/component/Aside/component/SidebarItem.vue
diff --git a/vue/src/layout/component/Sidebar/component/SidebarItemContent.vue b/vue/src/layout/component/Aside/component/SidebarItemContent.vue
similarity index 100%
rename from vue/src/layout/component/Sidebar/component/SidebarItemContent.vue
rename to vue/src/layout/component/Aside/component/SidebarItemContent.vue
diff --git a/vue/src/layout/component/Sidebar/index.vue b/vue/src/layout/component/Aside/index.vue
similarity index 99%
rename from vue/src/layout/component/Sidebar/index.vue
rename to vue/src/layout/component/Aside/index.vue
index a431a0d..9dd200e 100644
--- a/vue/src/layout/component/Sidebar/index.vue
+++ b/vue/src/layout/component/Aside/index.vue
@@ -6,7 +6,7 @@ import Logo from './component/Logo'
 import SidebarItem from './component/SidebarItem'
 
 export default {
-    name: 'sidebar',
+    name: 'Aside',
 
     mixins: [actionOnSelectMenuMixin],
 
diff --git a/vue/src/layout/component/Sidebar/style.scss b/vue/src/layout/component/Aside/style.scss
similarity index 100%
rename from vue/src/layout/component/Sidebar/style.scss
rename to vue/src/layout/component/Aside/style.scss
diff --git a/vue/src/layout/component/Navbar/component/Bell.vue b/vue/src/layout/component/Header/component/Navbar/component/Bell.vue
similarity index 100%
rename from vue/src/layout/component/Navbar/component/Bell.vue
rename to vue/src/layout/component/Header/component/Navbar/component/Bell.vue
diff --git a/vue/src/layout/component/Navbar/component/Hamburger.vue b/vue/src/layout/component/Header/component/Navbar/component/Hamburger.vue
similarity index 100%
rename from vue/src/layout/component/Navbar/component/Hamburger.vue
rename to vue/src/layout/component/Header/component/Navbar/component/Hamburger.vue
diff --git a/vue/src/layout/component/Navbar/component/RootMenu.vue b/vue/src/layout/component/Header/component/Navbar/component/RootMenu.vue
similarity index 100%
rename from vue/src/layout/component/Navbar/component/RootMenu.vue
rename to vue/src/layout/component/Header/component/Navbar/component/RootMenu.vue
diff --git a/vue/src/layout/component/Navbar/component/SettingDrawer.vue b/vue/src/layout/component/Header/component/Navbar/component/SettingDrawer.vue
similarity index 100%
rename from vue/src/layout/component/Navbar/component/SettingDrawer.vue
rename to vue/src/layout/component/Header/component/Navbar/component/SettingDrawer.vue
diff --git a/vue/src/layout/component/Navbar/index.vue b/vue/src/layout/component/Header/component/Navbar/index.vue
similarity index 100%
rename from vue/src/layout/component/Navbar/index.vue
rename to vue/src/layout/component/Header/component/Navbar/index.vue
diff --git a/vue/src/layout/component/Navbar/style.scss b/vue/src/layout/component/Header/component/Navbar/style.scss
similarity index 100%
rename from vue/src/layout/component/Navbar/style.scss
rename to vue/src/layout/component/Header/component/Navbar/style.scss
diff --git a/vue/src/layout/component/TagsView/ScrollPane.vue b/vue/src/layout/component/Header/component/TagsView/ScrollPane.vue
similarity index 100%
rename from vue/src/layout/component/TagsView/ScrollPane.vue
rename to vue/src/layout/component/Header/component/TagsView/ScrollPane.vue
diff --git a/vue/src/layout/component/TagsView/index.vue b/vue/src/layout/component/Header/component/TagsView/index.vue
similarity index 100%
rename from vue/src/layout/component/TagsView/index.vue
rename to vue/src/layout/component/Header/component/TagsView/index.vue
diff --git a/vue/src/layout/component/TagsView/style.scss b/vue/src/layout/component/Header/component/TagsView/style.scss
similarity index 100%
rename from vue/src/layout/component/TagsView/style.scss
rename to vue/src/layout/component/Header/component/TagsView/style.scss
diff --git a/vue/src/layout/component/Header.vue b/vue/src/layout/component/Header/index.vue
similarity index 96%
rename from vue/src/layout/component/Header.vue
rename to vue/src/layout/component/Header/index.vue
index eff1df1..39c529e 100644
--- a/vue/src/layout/component/Header.vue
+++ b/vue/src/layout/component/Header/index.vue
@@ -1,9 +1,9 @@
 <script type="text/jsx">
-import VNavbar from './Navbar'
-import TagsView from './TagsView'
 import {mutations as mainMutations} from "@/layout/store/main"
 import {getters as settingGetters} from "@/layout/store/setting"
 import {mutations as tagsViewMutations} from "@/layout/store/tagsView"
+import VNavbar from './component/Navbar'
+import TagsView from './component/TagsView'
 
 export default {
     name: "Header",
diff --git a/vue/src/layout/index.vue b/vue/src/layout/index.vue
index b1f48e5..858d339 100644
--- a/vue/src/layout/index.vue
+++ b/vue/src/layout/index.vue
@@ -1,6 +1,6 @@
 <template>
     <section class="app-wrapper">
-        <v-sidebar/>
+        <v-aside/>
 
         <section :class="containerClass">
             <v-header/>
@@ -17,9 +17,9 @@
 <script>
 import offlineMixin from './mixin/offline'
 import resizeMixin from './mixin/resize'
-import VMain from './component/Main'
+import VAside from './component/Aside'
 import VHeader from './component/Header'
-import VSidebar from './component/Sidebar'
+import VMain from './component/Main'
 import {getters as mainGetters} from "@/layout/store/main"
 import {getters as settingGetters, mutations as settingMutations} from "@/layout/store/setting"
 
@@ -28,7 +28,7 @@ export default {
 
     mixins: [offlineMixin, resizeMixin],
 
-    components: {VMain, VSidebar, VHeader},
+    components: {VAside, VHeader, VMain},
 
     computed: {
         device: () => mainGetters.device,