Lazy load @nextcloud/vue

src/App.vue

@@ -43,8 +43,10 @@ import { Component, Mixins, Watch } from "vue-property-decorator";
 import NcContent from "@nextcloud/vue/dist/Components/NcContent";
 import NcAppContent from "@nextcloud/vue/dist/Components/NcAppContent";
 import NcAppNavigation from "@nextcloud/vue/dist/Components/NcAppNavigation";
-import NcAppNavigationItem from "@nextcloud/vue/dist/Components/NcAppNavigationItem";
+const NcAppNavigationItem = () =>
-import NcAppNavigationSettings from "@nextcloud/vue/dist/Components/NcAppNavigationSettings";
+  import("@nextcloud/vue/dist/Components/NcAppNavigationItem");
+const NcAppNavigationSettings = () =>
+  import("@nextcloud/vue/dist/Components/NcAppNavigationSettings");
 
 import { generateUrl } from "@nextcloud/router";
 import { getCurrentUser } from "@nextcloud/auth";

src/components/Settings.vue

@@ -74,7 +74,8 @@ import GlobalMixin from "../mixins/GlobalMixin";
 import UserConfig from "../mixins/UserConfig";
 
 import { getFilePickerBuilder } from "@nextcloud/dialogs";
-import NcCheckboxRadioSwitch from "@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch";
+const NcCheckboxRadioSwitch = () =>
+  import("@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch");
 
 import MultiPathSelectionModal from "./modal/MultiPathSelectionModal.vue";
 

src/components/modal/AlbumCollaborators.vue

@@ -179,11 +179,12 @@ import { getCurrentUser } from "@nextcloud/auth";
 import { generateOcsUrl, generateUrl } from "@nextcloud/router";
 
 import NcButton from "@nextcloud/vue/dist/Components/NcButton";
-import NcListItemIcon from "@nextcloud/vue/dist/Components/NcListItemIcon";
 import NcLoadingIcon from "@nextcloud/vue/dist/Components/NcLoadingIcon";
 import NcPopover from "@nextcloud/vue/dist/Components/NcPopover";
-import NcTextField from "@nextcloud/vue/dist/Components/NcTextField";
 import NcEmptyContent from "@nextcloud/vue/dist/Components/NcEmptyContent";
+const NcTextField = () => import("@nextcloud/vue/dist/Components/NcTextField");
+const NcListItemIcon = () =>
+  import("@nextcloud/vue/dist/Components/NcListItemIcon");
 
 import { Type } from "@nextcloud/sharing";
 

src/components/modal/AlbumDeleteModal.vue

@@ -25,7 +25,7 @@
 <script lang="ts">
 import { Component, Emit, Mixins, Watch } from "vue-property-decorator";
 import NcButton from "@nextcloud/vue/dist/Components/NcButton";
-import NcTextField from "@nextcloud/vue/dist/Components/NcTextField";
+const NcTextField = () => import("@nextcloud/vue/dist/Components/NcTextField");
 import { showError } from "@nextcloud/dialogs";
 import { getCurrentUser } from "@nextcloud/auth";
 import Modal from "./Modal.vue";

src/components/modal/AlbumForm.vue

@@ -124,7 +124,7 @@ import GlobalMixin from "../../mixins/GlobalMixin";
 import { getCurrentUser } from "@nextcloud/auth";
 import NcButton from "@nextcloud/vue/dist/Components/NcButton";
 import NcLoadingIcon from "@nextcloud/vue/dist/Components/NcLoadingIcon";
-import NcTextField from "@nextcloud/vue/dist/Components/NcTextField";
+const NcTextField = () => import("@nextcloud/vue/dist/Components/NcTextField");
 import moment from "moment";
 import * as dav from "../../services/DavRequests";
 

src/components/modal/AlbumPicker.vue

@@ -87,8 +87,8 @@ import Plus from "vue-material-design-icons/Plus.vue";
 import ImageMultiple from "vue-material-design-icons/ImageMultiple.vue";
 
 import NcButton from "@nextcloud/vue/dist/Components/NcButton";
-import NcListItem from "@nextcloud/vue/dist/Components/NcListItem";
 import NcLoadingIcon from "@nextcloud/vue/dist/Components/NcLoadingIcon";
+const NcListItem = () => import("@nextcloud/vue/dist/Components/NcListItem");
 
 import { generateUrl } from "@nextcloud/router";
 import { getPhotosPreviewUrl } from "../../services/FileUtils";

src/components/modal/EditDate.vue

@@ -135,7 +135,7 @@ import GlobalMixin from "../../mixins/GlobalMixin";
 import { IPhoto } from "../../types";
 
 import NcButton from "@nextcloud/vue/dist/Components/NcButton";
-import NcTextField from "@nextcloud/vue/dist/Components/NcTextField";
+const NcTextField = () => import("@nextcloud/vue/dist/Components/NcTextField");
 
 import { showError } from "@nextcloud/dialogs";
 import { generateUrl } from "@nextcloud/router";

src/components/modal/FaceDeleteModal.vue

@@ -20,7 +20,7 @@
 import { Component, Emit, Mixins, Watch } from "vue-property-decorator";
 
 import NcButton from "@nextcloud/vue/dist/Components/NcButton";
-import NcTextField from "@nextcloud/vue/dist/Components/NcTextField";
+const NcTextField = () => import("@nextcloud/vue/dist/Components/NcTextField");
 
 import { showError } from "@nextcloud/dialogs";
 import { getCurrentUser } from "@nextcloud/auth";

src/components/modal/FaceEditModal.vue

@@ -27,7 +27,7 @@
 import { Component, Emit, Mixins, Watch } from "vue-property-decorator";
 
 import NcButton from "@nextcloud/vue/dist/Components/NcButton";
-import NcTextField from "@nextcloud/vue/dist/Components/NcTextField";
+const NcTextField = () => import("@nextcloud/vue/dist/Components/NcTextField");
 
 import { showError } from "@nextcloud/dialogs";
 import { getCurrentUser } from "@nextcloud/auth";

src/components/modal/FaceMergeModal.vue

@@ -31,7 +31,7 @@
 import { Component, Emit, Mixins } from "vue-property-decorator";
 
 import NcButton from "@nextcloud/vue/dist/Components/NcButton";
-import NcTextField from "@nextcloud/vue/dist/Components/NcTextField";
+const NcTextField = () => import("@nextcloud/vue/dist/Components/NcTextField");
 
 import { showError } from "@nextcloud/dialogs";
 import { getCurrentUser } from "@nextcloud/auth";

src/components/modal/FaceMoveModal.vue

@@ -21,7 +21,7 @@ import { Component, Emit, Mixins, Prop } from "vue-property-decorator";
 import GlobalMixin from "../../mixins/GlobalMixin";
 
 import NcButton from "@nextcloud/vue/dist/Components/NcButton";
-import NcTextField from "@nextcloud/vue/dist/Components/NcTextField";
+const NcTextField = () => import("@nextcloud/vue/dist/Components/NcTextField");
 
 import { showError } from "@nextcloud/dialogs";
 import { getCurrentUser } from "@nextcloud/auth";

src/components/modal/Modal.vue

@@ -22,7 +22,7 @@
 
 <script lang="ts">
 import { Component, Emit, Prop, Vue } from "vue-property-decorator";
-import NcModal from "@nextcloud/vue/dist/Components/NcModal";
+const NcModal = () => import("@nextcloud/vue/dist/Components/NcModal");
 import { subscribe, unsubscribe } from "@nextcloud/event-bus";
 
 @Component({

src/components/top-matter/FolderTopMatter.vue

@@ -35,8 +35,10 @@
 import { Component, Mixins, Watch } from "vue-property-decorator";
 import { TopMatterFolder, TopMatterType } from "../../types";
 
-import NcBreadcrumbs from "@nextcloud/vue/dist/Components/NcBreadcrumbs";
+const NcBreadcrumbs = () =>
-import NcBreadcrumb from "@nextcloud/vue/dist/Components/NcBreadcrumb";
+  import("@nextcloud/vue/dist/Components/NcBreadcrumbs");
+const NcBreadcrumb = () =>
+  import("@nextcloud/vue/dist/Components/NcBreadcrumb");
 import NcActions from "@nextcloud/vue/dist/Components/NcActions";
 import NcActionButton from "@nextcloud/vue/dist/Components/NcActionButton";