diff --git a/src/components/Modal/Confirmation.vue b/src/components/Modal/Confirmation.vue
index 691c220d6d..9966386054 100644
--- a/src/components/Modal/Confirmation.vue
+++ b/src/components/Modal/Confirmation.vue
@@ -17,7 +17,8 @@
 	</NcModal>
 </template>
 <script>
-import { NcButton, NcModal } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
 import { translate as t } from '@nextcloud/l10n'
 
 export default {
diff --git a/src/components/Modal/SaveAs.vue b/src/components/Modal/SaveAs.vue
index 9366b7d7e0..5047107c07 100644
--- a/src/components/Modal/SaveAs.vue
+++ b/src/components/Modal/SaveAs.vue
@@ -46,7 +46,10 @@
 <script>
 import { translate as t } from '@nextcloud/l10n'
 
-import { NcModal, NcButton, NcTextField } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
+import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
+
 export default {
 	name: 'SaveAs',
 	components: {
diff --git a/src/components/Modal/ZoteroHint.vue b/src/components/Modal/ZoteroHint.vue
index 61b6522550..726776833f 100644
--- a/src/components/Modal/ZoteroHint.vue
+++ b/src/components/Modal/ZoteroHint.vue
@@ -46,7 +46,9 @@
 </template>
 
 <script>
-import { NcModal, NcButton, NcTextField } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
+import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
 import { showError } from '@nextcloud/dialogs'
 import BookOpenPageVariantOutline from 'vue-material-design-icons/BookOpenPageVariantOutline.vue'
 import { savePersonalSetting } from '../../services/api.js'
diff --git a/src/view/DocumentTargetPicker.vue b/src/view/DocumentTargetPicker.vue
index c39aa3242e..c3f1218bc2 100644
--- a/src/view/DocumentTargetPicker.vue
+++ b/src/view/DocumentTargetPicker.vue
@@ -61,7 +61,10 @@
 import { getFilePickerBuilder } from '@nextcloud/dialogs'
 import { generateUrl, generateOcsUrl } from '@nextcloud/router'
 import axios from '@nextcloud/axios'
-import { NcButton, NcEmptyContent, NcListItem, NcLoadingIcon } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
+import NcListItem from '@nextcloud/vue/dist/Components/NcListItem.js'
+import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
 import TableOfContentsIcon from 'vue-material-design-icons/TableOfContents.vue'
 
 export default {
diff --git a/src/view/Office.vue b/src/view/Office.vue
index fe8c5b4be0..74368db8d5 100644
--- a/src/view/Office.vue
+++ b/src/view/Office.vue
@@ -87,7 +87,9 @@
 </template>
 
 <script>
-import { NcButton, NcEmptyContent, NcLoadingIcon } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
+import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
 import AlertOctagonOutline from 'vue-material-design-icons/AlertOctagonOutline.vue'
 import { loadState } from '@nextcloud/initial-state'