# HG changeset patch
# User Thomas Junk <thomas.junk@intevation.de>
# Date 1540803173 -3600
# Node ID 4a0b62876a5f4a8429d6fec1142225a186c01411
# Parent  41ff75a4d760b431c1d5c3186332e87500fc4453
refac: Enable webpack code splitting to reduce bundlesize for app component

diff -r 41ff75a4d760 -r 4a0b62876a5f client/src/App.vue
--- a/client/src/App.vue	Fri Oct 26 16:00:38 2018 +0200
+++ b/client/src/App.vue	Mon Oct 29 09:52:53 2018 +0100
@@ -99,15 +99,7 @@
  * Thomas Junk <thomas.junk@intevation.de>
  * Markus Kottländer <markus.kottlaender@intevation.de>
  */
-import Sidebar from "./application/Sidebar";
-import Bottlenecks from "./bottlenecks/Bottlenecks";
-import Topbar from "./application/Topbar";
 import { mapGetters } from "vuex";
-import Userbar from "./application/Userbar";
-import Linetool from "./linetool/Linetool";
-import Morphtool from "./morphtool/Morphtool";
-import Pdftool from "./pdftool/Pdftool";
-import Zoom from "./zoom/zoom";
 
 export default {
   name: "app",
@@ -119,14 +111,14 @@
     }
   },
   components: {
-    Sidebar,
-    Bottlenecks,
-    Topbar,
-    Userbar,
-    Linetool,
-    Morphtool,
-    Pdftool,
-    Zoom
+    Sidebar: () => import("./application/Sidebar"),
+    Bottlenecks: () => import("./bottlenecks/Bottlenecks"),
+    Topbar: () => import("./application/Topbar"),
+    Userbar: () => import("./application/Userbar"),
+    Linetool: () => import("./linetool/Linetool"),
+    Morphtool: () => import("./morphtool/Morphtool"),
+    Pdftool: () => import("./pdftool/Pdftool"),
+    Zoom: () => import("./zoom/zoom")
   }
 };
 </script>