Merge pull request #1791 from nextcloud/refactor/lazy-loading

lazy component loading

10 files changed, 50 insertions, 50 deletions

diff --git a/src/js/App.vue b/src/js/App.vue
index 167a558e..9929c7ae 100644
--- a/src/js/App.vue
+++ b/src/js/App.vue
@@ -33,10 +33,10 @@
 </template>
 
 <script>
-import LoadingOverlay from './components/Base/LoadingOverlay'
-import Navigation from './components/Navigation/Navigation'
+// import LoadingOverlay from './components/Base/LoadingOverlay'
+// import Navigation from './components/Navigation/Navigation'
 import SettingsDlg from './components/Settings/SettingsDlg'
-import SideBar from './components/SideBar/SideBar'
+// import SideBar from './components/SideBar/SideBar'
 import { getCurrentUser } from '@nextcloud/auth'
 import { showError } from '@nextcloud/dialogs'
 import { Content } from '@nextcloud/vue'
@@ -58,10 +58,10 @@ export default {
 	name: 'App',
 	components: {
 		Content,
-		LoadingOverlay,
-		Navigation,
+		LoadingOverlay: () => import('./components/Base/LoadingOverlay'),
+		Navigation: () => import('./components/Navigation/Navigation'),
 		SettingsDlg,
-		SideBar,
+		SideBar: () => import('./components/SideBar/SideBar'),
 	},
 
 	mixins: [watchPolls],
diff --git a/src/js/components/Options/OptionProposals.vue b/src/js/components/Options/OptionProposals.vue
index d329b141..1afbf847 100644
--- a/src/js/components/Options/OptionProposals.vue
+++ b/src/js/components/Options/OptionProposals.vue
@@ -42,15 +42,15 @@
 
 <script>
 import { mapState, mapGetters } from 'vuex'
-import OptionsDateAdd from './OptionsDateAdd'
-import OptionsTextAdd from './OptionsTextAdd'
+// import OptionsDateAdd from './OptionsDateAdd'
+// import OptionsTextAdd from './OptionsTextAdd'
 
 export default {
 	name: 'OptionProposals',
 
 	components: {
-		OptionsDateAdd,
-		OptionsTextAdd,
+		OptionsDateAdd: () => import('./OptionsDateAdd'),
+		OptionsTextAdd: () => import('./OptionsTextAdd'),
 	},
 
 	computed: {
diff --git a/src/js/components/Options/OptionsDate.vue b/src/js/components/Options/OptionsDate.vue
index 481364fa..53ec65f7 100644
--- a/src/js/components/Options/OptionsDate.vue
+++ b/src/js/components/Options/OptionsDate.vue
@@ -73,7 +73,7 @@ import moment from '@nextcloud/moment'
 import { Actions, ActionButton, EmptyContent, Modal } from '@nextcloud/vue'
 import ActionDelete from '../Actions/ActionDelete'
 import OptionCloneDate from './OptionCloneDate'
-import OptionsDateAdd from './OptionsDateAdd'
+// import OptionsDateAdd from './OptionsDateAdd'
 import OptionItem from './OptionItem'
 import OptionItemOwner from '../Options/OptionItemOwner'
 import { confirmOption, removeOption } from '../../mixins/optionMixins'
@@ -89,7 +89,7 @@ export default {
 		EmptyContent,
 		Modal,
 		OptionCloneDate,
-		OptionsDateAdd,
+		OptionsDateAdd: () => import('./OptionsDateAdd'),
 		OptionItem,
 		OptionItemOwner,
 	},
diff --git a/src/js/components/Options/OptionsText.vue b/src/js/components/Options/OptionsText.vue
index 65698855..06fb54b9 100644
--- a/src/js/components/Options/OptionsText.vue
+++ b/src/js/components/Options/OptionsText.vue
@@ -67,7 +67,7 @@ import draggable from 'vuedraggable'
 import ActionDelete from '../Actions/ActionDelete'
 import OptionItem from './OptionItem'
 import OptionItemOwner from '../Options/OptionItemOwner'
-import OptionsTextAdd from './OptionsTextAdd'
+// import OptionsTextAdd from './OptionsTextAdd'
 import { confirmOption, removeOption } from '../../mixins/optionMixins'
 
 export default {
@@ -81,7 +81,7 @@ export default {
 		draggable,
 		OptionItem,
 		OptionItemOwner,
-		OptionsTextAdd,
+		OptionsTextAdd: () => import('./OptionsTextAdd'),
 	},
 
 	mixins: [
diff --git a/src/js/components/Poll/PollTitle.vue b/src/js/components/Poll/PollTitle.vue
index 6e76bb1b..74e7ddd0 100644
--- a/src/js/components/Poll/PollTitle.vue
+++ b/src/js/components/Poll/PollTitle.vue
@@ -32,13 +32,13 @@
 <script>
 import { mapState, mapGetters } from 'vuex'
 import moment from '@nextcloud/moment'
-import Badge from '../Base/Badge'
+// import Badge from '../Base/Badge'
 
 export default {
 	name: 'PollTitle',
 
 	components: {
-		Badge,
+		Badge: () => import('../Base/Badge'),
 	},
 
 	computed: {
diff --git a/src/js/components/SideBar/SideBar.vue b/src/js/components/SideBar/SideBar.vue
index 4327f149..5c4e652a 100644
--- a/src/js/components/SideBar/SideBar.vue
+++ b/src/js/components/SideBar/SideBar.vue
@@ -62,10 +62,10 @@
 <script>
 import { AppSidebar, AppSidebarTab } from '@nextcloud/vue'
 
-import SideBarTabConfiguration from './SideBarTabConfiguration'
-import SideBarTabOptions from './SideBarTabOptions'
-import SideBarTabComments from './SideBarTabComments'
-import SideBarTabShare from './SideBarTabShare'
+// import SideBarTabConfiguration from './SideBarTabConfiguration'
+// import SideBarTabOptions from './SideBarTabOptions'
+// import SideBarTabComments from './SideBarTabComments'
+// import SideBarTabShare from './SideBarTabShare'
 import { mapState } from 'vuex'
 import { emit } from '@nextcloud/event-bus'
 
@@ -73,10 +73,10 @@ export default {
 	name: 'SideBar',
 
 	components: {
-		SideBarTabConfiguration,
-		SideBarTabComments,
-		SideBarTabOptions,
-		SideBarTabShare,
+		SideBarTabConfiguration: () => import('./SideBarTabConfiguration'),
+		SideBarTabComments: () => import('./SideBarTabComments'),
+		SideBarTabOptions: () => import('./SideBarTabOptions'),
+		SideBarTabShare: () => import('./SideBarTabShare'),
 		AppSidebar,
 		AppSidebarTab,
 	},
diff --git a/src/js/components/VoteTable/VoteTable.vue b/src/js/components/VoteTable/VoteTable.vue
index 3ca2d208..0e8f493d 100644
--- a/src/js/components/VoteTable/VoteTable.vue
+++ b/src/js/components/VoteTable/VoteTable.vue
@@ -76,11 +76,11 @@ import { mapState, mapGetters } from 'vuex'
 import { showSuccess } from '@nextcloud/dialogs'
 import { Actions, ActionButton } from '@nextcloud/vue'
 import ActionDelete from '../Actions/ActionDelete'
-import CalendarPeek from '../Calendar/CalendarPeek'
+// import CalendarPeek from '../Calendar/CalendarPeek'
 import Counter from '../Options/Counter'
-import Confirmation from '../Options/Confirmation'
-import OptionItemOwner from '../Options/OptionItemOwner'
-import UserMenu from '../User/UserMenu'
+// import Confirmation from '../Options/Confirmation'
+// import OptionItemOwner from '../Options/OptionItemOwner'
+// import UserMenu from '../User/UserMenu'
 import VoteItem from './VoteItem'
 import VoteTableHeaderItem from './VoteTableHeaderItem'
 import { confirmOption } from '../../mixins/optionMixins'
@@ -91,13 +91,13 @@ export default {
 		Actions,
 		ActionButton,
 		ActionDelete,
-		CalendarPeek,
+		CalendarPeek: () => import('../Calendar/CalendarPeek'),
 		Counter,
-		Confirmation,
-		UserMenu,
+		Confirmation: () => import('../Options/Confirmation'),
+		UserMenu: () => import('../User/UserMenu'),
 		VoteTableHeaderItem,
 		VoteItem,
-		OptionItemOwner,
+		OptionItemOwner: () => import('../Options/OptionItemOwner'),
 	},
 
 	mixins: [confirmOption],
diff --git a/src/js/views/Administration.vue b/src/js/views/Administration.vue
index b3668580..c7705818 100644
--- a/src/js/views/Administration.vue
+++ b/src/js/views/Administration.vue
@@ -118,8 +118,8 @@ import { showError } from '@nextcloud/dialogs'
 import { emit } from '@nextcloud/event-bus'
 import { Actions, ActionButton, AppContent, EmptyContent, Modal } from '@nextcloud/vue'
 import sortBy from 'lodash/sortBy'
-import LoadingOverlay from '../components/Base/LoadingOverlay'
-import PollItem from '../components/PollList/PollItem'
+// import LoadingOverlay from '../components/Base/LoadingOverlay'
+// import PollItem from '../components/PollList/PollItem'
 
 export default {
 	name: 'Administration',
@@ -128,8 +128,8 @@ export default {
 		AppContent,
 		Actions,
 		ActionButton,
-		LoadingOverlay,
-		PollItem,
+		LoadingOverlay: () => import('../components/Base/LoadingOverlay'),
+		PollItem: () => import('../components/PollList/PollItem'),
 		EmptyContent,
 		Modal,
 	},
diff --git a/src/js/views/PollList.vue b/src/js/views/PollList.vue
index b9c4037c..02f11b49 100644
--- a/src/js/views/PollList.vue
+++ b/src/js/views/PollList.vue
@@ -100,8 +100,8 @@ import sortBy from 'lodash/sortBy'
 import { showError } from '@nextcloud/dialogs'
 import { emit } from '@nextcloud/event-bus'
 import { Actions, ActionButton, AppContent, EmptyContent } from '@nextcloud/vue'
-import PollItem from '../components/PollList/PollItem'
-import LoadingOverlay from '../components/Base/LoadingOverlay'
+// import PollItem from '../components/PollList/PollItem'
+// import LoadingOverlay from '../components/Base/LoadingOverlay'
 
 export default {
 	name: 'PollList',
@@ -110,8 +110,8 @@ export default {
 		AppContent,
 		Actions,
 		ActionButton,
-		LoadingOverlay,
-		PollItem,
+		LoadingOverlay: () => import('../components/Base/LoadingOverlay'),
+		PollItem: () => import('../components/PollList/PollItem'),
 		EmptyContent,
 	},
 
diff --git a/src/js/views/Vote.vue b/src/js/views/Vote.vue
index 5d569913..e5d8ae38 100644
--- a/src/js/views/Vote.vue
+++ b/src/js/views/Vote.vue
@@ -78,14 +78,14 @@ import { getCurrentUser } from '@nextcloud/auth'
 import { emit } from '@nextcloud/event-bus'
 import MarkUpDescription from '../components/Poll/MarkUpDescription'
 import PollTitle from '../components/Poll/PollTitle'
-import LoadingOverlay from '../components/Base/LoadingOverlay'
-import PollInformation from '../components/Poll/PollInformation'
-import PublicRegisterModal from '../components/Poll/PublicRegisterModal'
-import VoteTable from '../components/VoteTable/VoteTable'
+// import LoadingOverlay from '../components/Base/LoadingOverlay'
+// import PollInformation from '../components/Poll/PollInformation'
+// import PublicRegisterModal from '../components/Poll/PublicRegisterModal'
+// import VoteTable from '../components/VoteTable/VoteTable'
 import ActionSortOptions from '../components/Actions/ActionSortOptions'
 import ActionChangeView from '../components/Actions/ActionChangeView'
 import ActionToggleSidebar from '../components/Actions/ActionToggleSidebar'
-import OptionProposals from '../components/Options/OptionProposals'
+// import OptionProposals from '../components/Options/OptionProposals'
 
 export default {
 	name: 'Vote',
@@ -96,12 +96,12 @@ export default {
 		AppContent,
 		MarkUpDescription,
 		EmptyContent,
-		LoadingOverlay,
-		PollInformation,
+		LoadingOverlay: () => import('../components/Base/LoadingOverlay'),
+		PollInformation: () => import('../components/Poll/PollInformation'),
 		PollTitle,
-		PublicRegisterModal,
-		VoteTable,
-		OptionProposals,
+		PublicRegisterModal: () => import('../components/Poll/PublicRegisterModal'),
+		VoteTable: () => import('../components/VoteTable/VoteTable'),
+		OptionProposals: () => import('../components/Options/OptionProposals'),
 	},
 
 	data() {