diff --git a/src/layout/header-aside/layout.vue b/src/layout/header-aside/layout.vue
index 1a3514e7..f440ab40 100644
--- a/src/layout/header-aside/layout.vue
+++ b/src/layout/header-aside/layout.vue
@@ -81,6 +81,15 @@
 </template>
 
 <script>
+import d2MenuSide from './components/menu-side'
+import d2MenuHeader from './components/menu-header'
+import d2Tabs from './components/tabs'
+import d2HeaderFullscreen from './components/header-fullscreen'
+import d2HeaderSearch from './components/header-search'
+import d2HeaderSize from './components/header-size'
+import d2HeaderTheme from './components/header-theme'
+import d2HeaderUser from './components/header-user'
+import d2HeaderErrorLog from './components/header-error-log'
 import { mapState, mapGetters, mapActions } from 'vuex'
 import mixinSearch from './mixins/search'
 export default {
@@ -89,15 +98,15 @@ export default {
     mixinSearch
   ],
   components: {
-    'd2-menu-side': () => import('./components/menu-side'),
-    'd2-menu-header': () => import('./components/menu-header'),
-    'd2-tabs': () => import('./components/tabs'),
-    'd2-header-fullscreen': () => import('./components/header-fullscreen'),
-    'd2-header-search': () => import('./components/header-search'),
-    'd2-header-size': () => import('./components/header-size'),
-    'd2-header-theme': () => import('./components/header-theme'),
-    'd2-header-user': () => import('./components/header-user'),
-    'd2-header-error-log': () => import('./components/header-error-log')
+    d2MenuSide,
+    d2MenuHeader,
+    d2Tabs,
+    d2HeaderFullscreen,
+    d2HeaderSearch,
+    d2HeaderSize,
+    d2HeaderTheme,
+    d2HeaderUser,
+    d2HeaderErrorLog
   },
   data () {
     return {