Switch to individual vue imports

src/App.vue

@@ -39,13 +39,13 @@
 
 <script lang="ts">
 import { Component, Mixins, Watch } from "vue-property-decorator";
-import {
+
-  NcContent,
+import NcContent from "@nextcloud/vue/dist/Components/NcContent";
-  NcAppContent,
+import NcAppContent from "@nextcloud/vue/dist/Components/NcAppContent";
-  NcAppNavigation,
+import NcAppNavigation from "@nextcloud/vue/dist/Components/NcAppNavigation";
-  NcAppNavigationItem,
+import NcAppNavigationItem from "@nextcloud/vue/dist/Components/NcAppNavigationItem";
-  NcAppNavigationSettings,
+import NcAppNavigationSettings from "@nextcloud/vue/dist/Components/NcAppNavigationSettings";
-} from "@nextcloud/vue";
+
 import { generateUrl } from "@nextcloud/router";
 import { getCurrentUser } from "@nextcloud/auth";
 import { translate as t } from "@nextcloud/l10n";

src/components/FirstStart.vue

@@ -48,7 +48,11 @@
 
 <script lang="ts">
 import { Component, Mixins } from "vue-property-decorator";
-import { NcContent, NcAppContent, NcButton } from "@nextcloud/vue";
+
+import NcContent from "@nextcloud/vue/dist/Components/NcContent";
+import NcAppContent from "@nextcloud/vue/dist/Components/NcAppContent";
+import NcButton from "@nextcloud/vue/dist/Components/NcButton";
+
 import { getFilePickerBuilder } from "@nextcloud/dialogs";
 import { generateUrl } from "@nextcloud/router";
 import { getCurrentUser } from "@nextcloud/auth";

src/components/Metadata.vue

@@ -48,7 +48,9 @@
 import { Component, Mixins } from "vue-property-decorator";
 import GlobalMixin from "../mixins/GlobalMixin";
 
-import { NcActions, NcActionButton } from "@nextcloud/vue";
+import NcActions from "@nextcloud/vue/dist/Components/NcActions";
+import NcActionButton from "@nextcloud/vue/dist/Components/NcActionButton";
+
 import { generateUrl } from "@nextcloud/router";
 import axios from "@nextcloud/axios";
 import { subscribe, unsubscribe } from "@nextcloud/event-bus";

src/components/SelectionManager.vue

@@ -52,7 +52,10 @@ import GlobalMixin from "../mixins/GlobalMixin";
 import UserConfig from "../mixins/UserConfig";
 
 import { showError } from "@nextcloud/dialogs";
-import { NcActions, NcActionButton } from "@nextcloud/vue";
+
+import NcActions from "@nextcloud/vue/dist/Components/NcActions";
+import NcActionButton from "@nextcloud/vue/dist/Components/NcActionButton";
+
 import { translate as t, translatePlural as n } from "@nextcloud/l10n";
 import {
   IDay,

src/components/Settings.vue

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

src/components/Timeline.vue

@@ -148,7 +148,7 @@ import axios from "@nextcloud/axios";
 import { showError } from "@nextcloud/dialogs";
 import { subscribe, unsubscribe } from "@nextcloud/event-bus";
 import { generateUrl } from "@nextcloud/router";
-import { NcEmptyContent } from "@nextcloud/vue";
+import NcEmptyContent from "@nextcloud/vue/dist/Components/NcEmptyContent";
 
 import { getLayout } from "../services/Layout";
 import { IDay, IFolder, IHeadRow, IPhoto, IRow, IRowType } from "../types";

src/components/Viewer.vue

@@ -121,7 +121,8 @@ import GlobalMixin from "../mixins/GlobalMixin";
 
 import { IDay, IPhoto, IRow, IRowType } from "../types";
 
-import { NcActions, NcActionButton } from "@nextcloud/vue";
+import NcActions from "@nextcloud/vue/dist/Components/NcActions";
+import NcActionButton from "@nextcloud/vue/dist/Components/NcActionButton";
 import { subscribe, unsubscribe } from "@nextcloud/event-bus";
 import { generateUrl } from "@nextcloud/router";
 import { showError } from "@nextcloud/dialogs";

src/components/frame/Tag.vue

@@ -41,7 +41,7 @@ import { generateUrl } from "@nextcloud/router";
 import { getPhotosPreviewUrl, getPreviewUrl } from "../../services/FileUtils";
 import { getCurrentUser } from "@nextcloud/auth";
 
-import { NcCounterBubble } from "@nextcloud/vue";
+import NcCounterBubble from "@nextcloud/vue/dist/Components/NcCounterBubble";
 import axios from "@nextcloud/axios";
 import * as utils from "../../services/Utils";
 

src/components/modal/AlbumCollaborators.vue

@@ -177,14 +177,14 @@ import * as dav from "../../services/DavRequests";
 import { showError } from "@nextcloud/dialogs";
 import { getCurrentUser } from "@nextcloud/auth";
 import { generateOcsUrl, generateUrl } from "@nextcloud/router";
-import {
+
-  NcButton,
+import NcButton from "@nextcloud/vue/dist/Components/NcButton";
-  NcListItemIcon,
+import NcListItemIcon from "@nextcloud/vue/dist/Components/NcListItemIcon";
-  NcLoadingIcon,
+import NcLoadingIcon from "@nextcloud/vue/dist/Components/NcLoadingIcon";
-  NcPopover,
+import NcPopover from "@nextcloud/vue/dist/Components/NcPopover";
-  NcTextField,
+import NcTextField from "@nextcloud/vue/dist/Components/NcTextField";
-  NcEmptyContent,
+import NcEmptyContent from "@nextcloud/vue/dist/Components/NcEmptyContent";
-} from "@nextcloud/vue";
+
 import { Type } from "@nextcloud/sharing";
 
 type Collaborator = {

src/components/modal/AlbumDeleteModal.vue

@@ -24,7 +24,8 @@
 
 <script lang="ts">
 import { Component, Emit, Mixins, Watch } from "vue-property-decorator";
-import { NcButton, NcTextField } from "@nextcloud/vue";
+import NcButton from "@nextcloud/vue/dist/Components/NcButton";
+import NcTextField from "@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

@@ -122,7 +122,9 @@ import { Component, Emit, Mixins, Prop } from "vue-property-decorator";
 import GlobalMixin from "../../mixins/GlobalMixin";
 
 import { getCurrentUser } from "@nextcloud/auth";
-import { NcButton, NcLoadingIcon, NcTextField } from "@nextcloud/vue";
+import NcButton from "@nextcloud/vue/dist/Components/NcButton";
+import NcLoadingIcon from "@nextcloud/vue/dist/Components/NcLoadingIcon";
+import NcTextField from "@nextcloud/vue/dist/Components/NcTextField";
 import moment from "moment";
 import * as dav from "../../services/DavRequests";
 

src/components/modal/AlbumPicker.vue

@@ -86,7 +86,10 @@ import AlbumForm from "./AlbumForm.vue";
 import Plus from "vue-material-design-icons/Plus.vue";
 import ImageMultiple from "vue-material-design-icons/ImageMultiple.vue";
 
-import { NcButton, NcListItem, NcLoadingIcon } from "@nextcloud/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";
+
 import { generateUrl } from "@nextcloud/router";
 import { getPhotosPreviewUrl } from "../../services/FileUtils";
 import { IAlbum, IPhoto } from "../../types";

src/components/modal/AlbumShareModal.vue

@@ -31,7 +31,9 @@
 import { Component, Emit, Mixins } from "vue-property-decorator";
 import GlobalMixin from "../../mixins/GlobalMixin";
 
-import { NcButton, NcLoadingIcon } from "@nextcloud/vue";
+import NcButton from "@nextcloud/vue/dist/Components/NcButton";
+import NcLoadingIcon from "@nextcloud/vue/dist/Components/NcLoadingIcon";
+
 import * as dav from "../../services/DavRequests";
 
 import Modal from "./Modal.vue";

src/components/modal/EditDate.vue

@@ -134,7 +134,9 @@ import { Component, Emit, Mixins } from "vue-property-decorator";
 import GlobalMixin from "../../mixins/GlobalMixin";
 import { IPhoto } from "../../types";
 
-import { NcButton, NcTextField } from "@nextcloud/vue";
+import NcButton from "@nextcloud/vue/dist/Components/NcButton";
+import NcTextField from "@nextcloud/vue/dist/Components/NcTextField";
+
 import { showError } from "@nextcloud/dialogs";
 import { generateUrl } from "@nextcloud/router";
 import { emit } from "@nextcloud/event-bus";

src/components/modal/FaceDeleteModal.vue

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

src/components/modal/FaceEditModal.vue

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

src/components/modal/FaceMergeModal.vue

@@ -29,7 +29,10 @@
 
 <script lang="ts">
 import { Component, Emit, Mixins } from "vue-property-decorator";
-import { NcButton, NcTextField } from "@nextcloud/vue";
+
+import NcButton from "@nextcloud/vue/dist/Components/NcButton";
+import NcTextField from "@nextcloud/vue/dist/Components/NcTextField";
+
 import { showError } from "@nextcloud/dialogs";
 import { getCurrentUser } from "@nextcloud/auth";
 import { IFileInfo, ITag } from "../../types";

src/components/modal/FaceMoveModal.vue

@@ -20,7 +20,9 @@
 import { Component, Emit, Mixins, Prop } from "vue-property-decorator";
 import GlobalMixin from "../../mixins/GlobalMixin";
 
-import { NcButton, NcTextField } from "@nextcloud/vue";
+import NcButton from "@nextcloud/vue/dist/Components/NcButton";
+import NcTextField from "@nextcloud/vue/dist/Components/NcTextField";
+
 import { showError } from "@nextcloud/dialogs";
 import { getCurrentUser } from "@nextcloud/auth";
 import { IPhoto, ITag } from "../../types";

src/components/modal/FolderShareModal.vue

@@ -47,7 +47,7 @@ import { Component, Emit, Mixins } from "vue-property-decorator";
 
 import axios from "@nextcloud/axios";
 import { generateOcsUrl, generateUrl } from "@nextcloud/router";
-import { NcButton } from "@nextcloud/vue";
+import NcButton from "@nextcloud/vue/dist/Components/NcButton";
 
 import * as utils from "../../services/Utils";
 import Modal from "./Modal.vue";

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";
+import NcModal from "@nextcloud/vue/dist/Components/NcModal";
 import { subscribe, unsubscribe } from "@nextcloud/event-bus";
 
 @Component({

src/components/modal/MultiPathSelectionModal.vue

@@ -39,7 +39,9 @@ import UserConfig from "../../mixins/UserConfig";
 import Modal from "./Modal.vue";
 
 import { getFilePickerBuilder } from "@nextcloud/dialogs";
-import { NcActions, NcActionButton, NcButton } from "@nextcloud/vue";
+import NcActions from "@nextcloud/vue/dist/Components/NcActions";
+import NcActionButton from "@nextcloud/vue/dist/Components/NcActionButton";
+import NcButton from "@nextcloud/vue/dist/Components/NcButton";
 
 import CloseIcon from "vue-material-design-icons/Close.vue";
 

src/components/top-matter/AlbumTopMatter.vue

@@ -61,7 +61,9 @@ import { Component, Mixins, Watch } from "vue-property-decorator";
 import GlobalMixin from "../../mixins/GlobalMixin";
 import UserConfig from "../../mixins/UserConfig";
 
-import { NcActions, NcActionButton, NcActionCheckbox } from "@nextcloud/vue";
+import NcActions from "@nextcloud/vue/dist/Components/NcActions";
+import NcActionButton from "@nextcloud/vue/dist/Components/NcActionButton";
+import NcActionCheckbox from "@nextcloud/vue/dist/Components/NcActionCheckbox";
 import { getCurrentUser } from "@nextcloud/auth";
 
 import AlbumCreateModal from "../modal/AlbumCreateModal.vue";

src/components/top-matter/FaceTopMatter.vue

@@ -56,7 +56,10 @@ import { Component, Mixins, Watch } from "vue-property-decorator";
 import GlobalMixin from "../../mixins/GlobalMixin";
 import UserConfig from "../../mixins/UserConfig";
 
-import { NcActions, NcActionButton, NcActionCheckbox } from "@nextcloud/vue";
+import NcActions from "@nextcloud/vue/dist/Components/NcActions";
+import NcActionButton from "@nextcloud/vue/dist/Components/NcActionButton";
+import NcActionCheckbox from "@nextcloud/vue/dist/Components/NcActionCheckbox";
+
 import FaceEditModal from "../modal/FaceEditModal.vue";
 import FaceDeleteModal from "../modal/FaceDeleteModal.vue";
 import FaceMergeModal from "../modal/FaceMergeModal.vue";

src/components/top-matter/FolderTopMatter.vue

@@ -34,12 +34,12 @@
 <script lang="ts">
 import { Component, Mixins, Watch } from "vue-property-decorator";
 import { TopMatterFolder, TopMatterType } from "../../types";
-import {
+
-  NcBreadcrumbs,
+import NcBreadcrumbs from "@nextcloud/vue/dist/Components/NcBreadcrumbs";
-  NcBreadcrumb,
+import NcBreadcrumb from "@nextcloud/vue/dist/Components/NcBreadcrumb";
-  NcActions,
+import NcActions from "@nextcloud/vue/dist/Components/NcActions";
-  NcActionButton,
+import NcActionButton from "@nextcloud/vue/dist/Components/NcActionButton";
-} from "@nextcloud/vue";
+
 import GlobalMixin from "../../mixins/GlobalMixin";
 
 import FolderShareModal from "../modal/FolderShareModal.vue";

src/components/top-matter/OnThisDay.vue

@@ -43,7 +43,9 @@
 <script lang="ts">
 import { Component, Emit, Mixins, Prop } from "vue-property-decorator";
 import GlobalMixin from "../../mixins/GlobalMixin";
-import { NcActions, NcActionButton } from "@nextcloud/vue";
+
+import NcActions from "@nextcloud/vue/dist/Components/NcActions";
+import NcActionButton from "@nextcloud/vue/dist/Components/NcActionButton";
 
 import * as utils from "../../services/Utils";
 import * as dav from "../../services/DavRequests";

src/components/top-matter/TagTopMatter.vue

@@ -14,7 +14,9 @@
 import { Component, Mixins, Watch } from "vue-property-decorator";
 import GlobalMixin from "../../mixins/GlobalMixin";
 
-import { NcActions, NcActionButton } from "@nextcloud/vue";
+import NcActions from "@nextcloud/vue/dist/Components/NcActions";
+import NcActionButton from "@nextcloud/vue/dist/Components/NcActionButton";
+
 import BackIcon from "vue-material-design-icons/ArrowLeft.vue";
 
 @Component({