diff --git a/docs/src/main.js b/docs/src/main.js
index 4a8e002d..3d053dfa 100644
--- a/docs/src/main.js
+++ b/docs/src/main.js
@@ -3,15 +3,11 @@ import Prism from 'prismjs'
 import 'prismjs/components/prism-jsx.js'
 import 'prismjs/components/prism-scss.js'
 import App from '~/layouts/App'
-import Demo from '~/components/Demo'
-import LiveDemo from '~/components/LiveDemo'
-import Tab from '~/components/Tab'
 import ReactRenderer from '~/components/ReactRenderer'
 
 export default function (Vue) {
   Vue.component('Layout', App)
-  Vue.component('Demo', Demo)
-  Vue.component('LiveDemo', LiveDemo)
-  Vue.component('Tab', Tab)
+  Vue.component('Demo', () => import('~/components/Demo'))
+  Vue.component('LiveDemo', () => import('~/components/LiveDemo'))
   Vue.component('ReactRenderer', ReactRenderer)
 }