Mercurial > gemma
changeset 1669:16fb9667ddf8
refac: use dynamic imports for components
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Mon, 24 Dec 2018 13:12:11 +0100 |
parents | eb832d81b67a |
children | c344849538c0 |
files | client/src/components/ImportStretches.vue client/src/components/Logs.vue client/src/components/Main.vue client/src/components/Systemconfiguration.vue client/src/components/importqueue/Importqueue.vue client/src/components/importschedule/Importschedule.vue client/src/components/layers/Layers.vue client/src/components/layers/Layerselect.vue client/src/components/staging/Staging.vue client/src/components/usermanagement/Userdetail.vue client/src/components/usermanagement/Usermanagement.vue client/vue.config.js |
diffstat | 12 files changed, 17 insertions(+), 33 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/ImportStretches.vue Mon Dec 24 12:57:36 2018 +0100 +++ b/client/src/components/ImportStretches.vue Mon Dec 24 13:12:11 2018 +0100 @@ -57,7 +57,6 @@ * Thomas Junk <thomas.junk@intevation.de> */ -import Spacer from "./Spacer"; import { displayInfo } from "@/lib/errors.js"; export default { @@ -78,7 +77,7 @@ } }, components: { - Spacer + Spacer: () => import("./Spacer") } }; </script>
--- a/client/src/components/Logs.vue Mon Dec 24 12:57:36 2018 +0100 +++ b/client/src/components/Logs.vue Mon Dec 24 13:12:11 2018 +0100 @@ -120,7 +120,6 @@ import { mapState } from "vuex"; import { HTTP } from "@/lib/http.js"; import "../../node_modules/highlight.js/styles/paraiso-dark.css"; -import Spacer from "./Spacer"; import Vue from "vue"; import VueHighlightJS from "vue-highlightjs"; Vue.use(VueHighlightJS); @@ -131,7 +130,7 @@ export default { name: "logs", components: { - Spacer + Spacer: () => import("./Spacer") }, mounted() { this.fetch("system/log/apache2/access.log", ACCESSLOG);
--- a/client/src/components/Main.vue Mon Dec 24 12:57:36 2018 +0100 +++ b/client/src/components/Main.vue Mon Dec 24 13:12:11 2018 +0100 @@ -20,14 +20,11 @@ * Thomas Junk <thomas.junk@intevation.de> */ -import Maplayer from "./Maplayer"; -import FairwayProfile from "./fairway/Fairwayprofile"; - export default { name: "mainview", components: { - Maplayer, - FairwayProfile + Maplayer: () => import("./Maplayer"), + FairwayProfile: () => import("./fairway/Fairwayprofile") } }; </script>
--- a/client/src/components/Systemconfiguration.vue Mon Dec 24 12:57:36 2018 +0100 +++ b/client/src/components/Systemconfiguration.vue Mon Dec 24 13:12:11 2018 +0100 @@ -80,7 +80,6 @@ import { HTTP } from "@/lib/http"; import { displayError } from "@/lib/errors.js"; import { mapState } from "vuex"; -import Spacer from "./Spacer"; export default { name: "systemconfiguration", @@ -95,7 +94,7 @@ components: { "chrome-picker": Chrome, "compact-picker": Compact, - Spacer + Spacer: () => import("./Spacer") }, computed: { ...mapState("application", ["showSidebar"])
--- a/client/src/components/importqueue/Importqueue.vue Mon Dec 24 12:57:36 2018 +0100 +++ b/client/src/components/importqueue/Importqueue.vue Mon Dec 24 13:12:11 2018 +0100 @@ -109,14 +109,12 @@ import { displayError } from "@/lib/errors.js"; import { mapState } from "vuex"; import { HTTP } from "@/lib/http.js"; -import Importqueuedetail from "./Importqueuedetail"; -import Spacer from "@/components/Spacer"; export default { name: "importqueue", components: { - Importqueuedetail, - Spacer + Importqueuedetail: () => import("./Importqueuedetail"), + Spacer: () => import("@/components/Spacer") }, data() { return {
--- a/client/src/components/importschedule/Importschedule.vue Mon Dec 24 12:57:36 2018 +0100 +++ b/client/src/components/importschedule/Importschedule.vue Mon Dec 24 13:12:11 2018 +0100 @@ -96,14 +96,12 @@ */ import { mapState } from "vuex"; -import Importscheduledetail from "./Importscheduledetail"; -import Spacer from "@/components/Spacer"; export default { name: "importschedule", components: { - Importscheduledetail, - Spacer + Importscheduledetail: () => import("./Importscheduledetail"), + Spacer: () => import("@/components/Spacer") }, data() { return {
--- a/client/src/components/layers/Layers.vue Mon Dec 24 12:57:36 2018 +0100 +++ b/client/src/components/layers/Layers.vue Mon Dec 24 13:12:11 2018 +0100 @@ -44,12 +44,11 @@ * Thomas Junk <thomas.junk@intevation.de> * Markus Kottländer <markus.kottlaender@intevation.de> */ -import Layerselect from "./Layerselect"; import { mapGetters, mapState } from "vuex"; export default { name: "layers", components: { - Layerselect + Layerselect: () => import("./Layerselect") }, computed: { ...mapGetters("map", ["layersForLegend"]),
--- a/client/src/components/layers/Layerselect.vue Mon Dec 24 12:57:36 2018 +0100 +++ b/client/src/components/layers/Layerselect.vue Mon Dec 24 13:12:11 2018 +0100 @@ -46,7 +46,6 @@ * Thomas Junk <thomas.junk@intevation.de> */ import { HTTP } from "@/lib/http"; -import LegendElement from "./LegendElement.vue"; export default { props: ["layername", "layerindex", "isVisible"], name: "layerselect", @@ -56,7 +55,7 @@ }; }, components: { - LegendElement + LegendElement: () => import("./LegendElement.vue") }, methods: { visibilityToggled() {
--- a/client/src/components/staging/Staging.vue Mon Dec 24 12:57:36 2018 +0100 +++ b/client/src/components/staging/Staging.vue Mon Dec 24 13:12:11 2018 +0100 @@ -59,7 +59,6 @@ import { mapState } from "vuex"; import { HTTP } from "@/lib/http.js"; import { displayError, displayInfo } from "@/lib/errors.js"; -import StagingDetail from "./StagingDetail"; import { STATES } from "@/store/imports.js"; export default { @@ -67,7 +66,7 @@ return {}; }, components: { - StagingDetail + StagingDetail: () => import("./StagingDetail") }, mounted() { this.loadData();
--- a/client/src/components/usermanagement/Userdetail.vue Mon Dec 24 12:57:36 2018 +0100 +++ b/client/src/components/usermanagement/Userdetail.vue Mon Dec 24 13:12:11 2018 +0100 @@ -191,7 +191,6 @@ import { HTTP } from "@/lib/http"; import { displayError } from "@/lib/errors.js"; import { mapState } from "vuex"; -import PasswordField from "./Passwordfield"; const emptyErrormessages = () => { return { @@ -228,7 +227,7 @@ export default { name: "userdetail", components: { - PasswordField + PasswordField: () => import("./Passwordfield") }, data() { return {
--- a/client/src/components/usermanagement/Usermanagement.vue Mon Dec 24 12:57:36 2018 +0100 +++ b/client/src/components/usermanagement/Usermanagement.vue Mon Dec 24 13:12:11 2018 +0100 @@ -194,11 +194,9 @@ * Author(s): * Thomas Junk <thomas.junk@intevation.de> */ -import Userdetail from "./Userdetail"; import store from "@/store"; import { mapGetters, mapState } from "vuex"; import { displayError } from "@/lib/errors.js"; -import Spacer from "@/components/Spacer"; export default { name: "userview", @@ -210,8 +208,8 @@ }; }, components: { - Userdetail, - Spacer + Userdetail: () => import("./Userdetail"), + Spacer: () => import("@/components/Spacer") }, computed: { ...mapGetters("usermanagement", ["isUserDetailsVisible"]),
--- a/client/vue.config.js Mon Dec 24 12:57:36 2018 +0100 +++ b/client/vue.config.js Mon Dec 24 13:12:11 2018 +0100 @@ -2,8 +2,8 @@ module.exports = { outputDir: "../web", - configureWebpack: { - devtool: 'source-map' + configureWebpack: { + devtool: "source-map" }, chainWebpack: config => { let vendorImgPath = process.env.VUE_APP_VENDOR_IMG_PATH;