Async component

README.md

@@ -17,9 +17,23 @@ $ npm install github:anatolykopyl/vue-three-d-mockup
 />
 ```
 
+#### Use as an async component (the 3d model is quite large so this provides a significant performance boost):
 ```js
 <script>
-import Mockup from 'vue-tree-d-mockup'
+import { defineAsyncComponent } from 'vue';
+
+export default {
+  components: {
+    Mockup: defineAsyncComponent(() => import('vue-three-d-mockup')),
+  }
+}
+</script>
+```
+
+#### Or normally:
+```js
+<script>
+import Mockup from 'vue-three-d-mockup';
 
 export default {
   components: {

src/Demo.vue

@@ -1,16 +1,18 @@
 <template>
-  <Mockup
+  <div>
-    class="mockup"
+    <Mockup
-    screenImg="screen.png"
+      class="mockup"
-  />
+      screenImg="screen.png"
+    />
+  </div>
 </template>
 
 <script>
-import Mockup from './Mockup.vue';
+import { defineAsyncComponent } from 'vue';
 
 export default {
   components: {
-    Mockup,
+    Mockup: defineAsyncComponent(() => import('./Mockup.vue')),
   },
 };
 </script>