From 4017872468afa4004cd104a64bbdcb630ff0a16e Mon Sep 17 00:00:00 2001
From: Igor Zinken <igor.zinken@igorski.nl>
Date: Sun, 17 Jan 2021 15:26:14 +0100
Subject: [PATCH] Reduce initial bundle size by defer loading of render related
 content

---
 src/bitmappery.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/bitmappery.vue b/src/bitmappery.vue
index 66bb2f9..dc52aac 100644
--- a/src/bitmappery.vue
+++ b/src/bitmappery.vue
@@ -33,7 +33,7 @@
                 class="document-container"
                 :style="{ 'width': docWidth }"
             >
-                <document-canvas ref="documentCanvas" />
+                <component :is="documentCanvas" ref="documentCanvas" />
             </div>
             <options-panel
                 ref="optionsPanel"
@@ -68,7 +68,6 @@ import Vue             from "vue";
 import VueI18n         from "vue-i18n";
 import VTooltip        from "v-tooltip";
 import ApplicationMenu from "@/components/application-menu/application-menu";
-import DocumentCanvas  from "@/components/document-canvas/document-canvas";
 import OptionsPanel    from "@/components/options-panel/options-panel";
 import Toolbox         from "@/components/toolbox/toolbox";
 import DialogWindow    from "@/components/dialog-window/dialog-window";
@@ -102,7 +101,6 @@ export default {
     components: {
         ApplicationMenu,
         DialogWindow,
-        DocumentCanvas,
         Loader,
         Notifications,
         OptionsPanel,
@@ -124,6 +122,9 @@ export default {
             "activeDocument",
             "isLoading",
         ]),
+        documentCanvas() {
+            return () => import( "@/components/document-canvas/document-canvas" );
+        },
         activeModal() {
             switch ( this.modal ) {
                 default: