update dependency @nextcloud/vue to ^8.27.0 + cherry-pick migrations to fully justified @nc/vue imports

emberfiend · emberfiend · commit 4a8477399f7d · 2025-06-13T07:20:36.000+02:00
Signed-off-by: Andrew Backhouse &lt;andrew.backhouse@nextcloud.com&gt;
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -47,7 +47,7 @@
     "@nextcloud/moment": "^1.3.4",
     "@nextcloud/notify_push": "^1.3.0",
     "@nextcloud/router": "^3.0.1",
-    "@nextcloud/vue": "^8.22.0",
+    "@nextcloud/vue": "^8.27.0",
     "@quartzy/markdown-it-mentions": "^0.2.0",
     "@tiptap/core": "^2.12.0",
     "@tiptap/extension-blockquote": "^2.12.0",
diff --git a/src/components/Assistant.vue b/src/components/Assistant.vue
@@ -124,7 +124,11 @@ import TranslateVariant from 'vue-material-design-icons/TranslateVariant.vue'
 import ClipboardTextOutlineIcon from 'vue-material-design-icons/ClipboardTextOutline.vue'
 import { posToDOMRect } from '@tiptap/core'
 import { loadState } from '@nextcloud/initial-state'
-import { NcActions, NcActionButton, NcActionSeparator, NcListItem, NcModal } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
+import NcActionSeparator from '@nextcloud/vue/components/NcActionSeparator'
+import NcListItem from '@nextcloud/vue/components/NcListItem'
+import NcModal from '@nextcloud/vue/components/NcModal'
 import {
 	useEditorMixin,
 	useIsRichWorkspaceMixin,
diff --git a/src/components/CollisionResolveDialog.vue b/src/components/CollisionResolveDialog.vue
@@ -20,7 +20,7 @@ import {
 	useIsRichEditorMixin,
 	useSyncServiceMixin,
 } from './Editor.provider.js'
-import { NcButton } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/components/NcButton'
 import setContent from './../mixins/setContent.js'
 export default {
 	name: 'CollisionResolveDialog',
diff --git a/src/components/Editor/AvatarWrapper.vue b/src/components/Editor/AvatarWrapper.vue
@@ -9,7 +9,7 @@
 			:user="session.userId ? session.userId : session.guestName"
 			:is-guest="session.userId === null"
 			:disable-menu="true"
-			:show-user-status="false"
+			hide-status
 			:disable-tooltip="true"
 			:size="size" />
 		<div v-else class="avatar" :style="sessionBackgroundStyle">
@@ -19,7 +19,7 @@
 </template>
 
 <script>
-import { NcAvatar } from '@nextcloud/vue'
+import NcAvatar from '@nextcloud/vue/components/NcAvatar'
 export default {
 	name: 'AvatarWrapper',
 	components: {
diff --git a/src/components/Editor/DocumentStatus.vue b/src/components/Editor/DocumentStatus.vue
@@ -42,7 +42,7 @@
 
 import { ERROR_TYPE, IDLE_TIMEOUT } from './../../services/SyncService.js'
 import Lock from 'vue-material-design-icons/Lock.vue'
-import { NcNoteCard } from '@nextcloud/vue'
+import NcNoteCard from '@nextcloud/vue/components/NcNoteCard'
 import CollisionResolveDialog from '../CollisionResolveDialog.vue'
 
 export default {
diff --git a/src/components/Editor/EditorOutline.vue b/src/components/Editor/EditorOutline.vue
@@ -21,7 +21,7 @@
 </template>
 
 <script>
-import { NcButton } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/components/NcButton'
 import TableOfContents from './TableOfContents.vue'
 import { useOutlineStateMixin, useOutlineActions } from './Wrapper.provider.js'
 import { Close } from './../icons.js'
diff --git a/src/components/Editor/PreviewOptions.vue b/src/components/Editor/PreviewOptions.vue
@@ -38,7 +38,11 @@
 </template>
 
 <script>
-import { NcActions, NcActionButton, NcActionRadio, NcActionCaption, NcActionSeparator } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
+import NcActionRadio from '@nextcloud/vue/components/NcActionRadio'
+import NcActionCaption from '@nextcloud/vue/components/NcActionCaption'
+import NcActionSeparator from '@nextcloud/vue/components/NcActionSeparator'
 import DotsVerticalIcon from 'vue-material-design-icons/DotsVertical.vue'
 import DeleteIcon from 'vue-material-design-icons/Delete.vue'
 
diff --git a/src/components/Editor/SessionList.vue b/src/components/Editor/SessionList.vue
@@ -40,7 +40,7 @@
 </template>
 
 <script>
-import { NcPopover } from '@nextcloud/vue'
+import NcPopover from '@nextcloud/vue/components/NcPopover'
 import AvatarWrapper from './AvatarWrapper.vue'
 import { COLLABORATOR_IDLE_TIME, COLLABORATOR_DISCONNECT_TIME } from '../../services/SyncService.js'
 
diff --git a/src/components/Editor/Status.vue b/src/components/Editor/Status.vue
@@ -28,7 +28,8 @@
 
 import { ERROR_TYPE } from '../../services/SyncService.js'
 import moment from '@nextcloud/moment'
-import { NcButton, NcSavingIndicatorIcon } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/components/NcButton'
+import NcSavingIndicatorIcon from '@nextcloud/vue/components/NcSavingIndicatorIcon'
 import {
 	useIsMobileMixin,
 	useIsPublicMixin,
diff --git a/src/components/HelpModal.vue b/src/components/HelpModal.vue
@@ -256,7 +256,7 @@
 </template>
 
 <script>
-import { NcDialog } from '@nextcloud/vue'
+import NcDialog from '@nextcloud/vue/components/NcDialog'
 import { isMobilePlatform } from '../helpers/platform.js'
 import { TRANSLATIONS, MODIFIERS } from './Menu/keys.js'
 
diff --git a/src/components/ImageView/ShowImageModal.vue b/src/components/ImageView/ShowImageModal.vue
@@ -22,7 +22,7 @@
 </template>
 
 <script>
-import { NcModal } from '@nextcloud/vue'
+import NcModal from '@nextcloud/vue/components/NcModal'
 
 export default {
 	name: 'ShowImageModal',
diff --git a/src/components/Link/LinkBubbleView.vue b/src/components/Link/LinkBubbleView.vue
@@ -86,7 +86,9 @@
 </template>
 
 <script>
-import { NcButton, NcLoadingIcon, NcTextField } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/components/NcButton'
+import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
+import NcTextField from '@nextcloud/vue/components/NcTextField'
 import { NcReferenceList } from '@nextcloud/vue/dist/Components/NcRichText.js'
 import { translate as t } from '@nextcloud/l10n'
 import CheckIcon from 'vue-material-design-icons/Check.vue'
diff --git a/src/components/Menu/ActionAttachmentUpload.vue b/src/components/Menu/ActionAttachmentUpload.vue
@@ -39,7 +39,8 @@
 </template>
 
 <script>
-import { NcActions, NcActionButton } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import { Loading, Folder, Upload } from '../icons.js'
 import {
 	useIsPublicMixin,
diff --git a/src/components/Menu/ActionFormattingHelp.vue b/src/components/Menu/ActionFormattingHelp.vue
@@ -15,7 +15,7 @@
 
 <script>
 import { defineComponent } from 'vue'
-import { NcActionButton as NextcloudVueNcActionButton } from '@nextcloud/vue'
+import NextcloudVueNcActionButton from '@nextcloud/vue/components/NcActionButton'
 import { Help } from '../icons.js'
 
 export default defineComponent({
diff --git a/src/components/Menu/ActionInsertLink.vue b/src/components/Menu/ActionInsertLink.vue
@@ -64,7 +64,9 @@
 </template>
 
 <script>
-import { NcActions, NcActionButton, NcActionInput } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
+import NcActionInput from '@nextcloud/vue/components/NcActionInput'
 import { getLinkWithPicker } from '@nextcloud/vue/dist/Components/NcRichText.js'
 import { getFilePickerBuilder } from '@nextcloud/dialogs'
 import { generateUrl } from '@nextcloud/router'
diff --git a/src/components/Menu/ActionList.vue b/src/components/Menu/ActionList.vue
@@ -33,7 +33,8 @@
 </template>
 
 <script>
-import { NcActions, NcActionSeparator } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionSeparator from '@nextcloud/vue/components/NcActionSeparator'
 import { BaseActionEntry } from './BaseActionEntry.js'
 import ActionListItem from './ActionListItem.vue'
 import { getActionState, getIsActive } from './utils.js'
diff --git a/src/components/Menu/ActionListItem.vue b/src/components/Menu/ActionListItem.vue
@@ -23,7 +23,7 @@
 </template>
 
 <script>
-import { NcActionButton as NextcloudVueNcActionButton } from '@nextcloud/vue'
+import NextcloudVueNcActionButton from '@nextcloud/vue/components/NcActionButton'
 import { BaseActionEntry } from './BaseActionEntry.js'
 
 export default {
diff --git a/src/components/Menu/ActionSingle.vue b/src/components/Menu/ActionSingle.vue
@@ -26,7 +26,7 @@
 </template>
 
 <script>
-import { NcButton } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/components/NcButton'
 import { BaseActionEntry } from './BaseActionEntry.js'
 
 export default {
diff --git a/src/components/Menu/CharacterCount.vue b/src/components/Menu/CharacterCount.vue
@@ -17,7 +17,7 @@
 <script>
 import { defineComponent } from 'vue'
 import { translatePlural as n } from '@nextcloud/l10n'
-import { NcActionText } from '@nextcloud/vue'
+import NcActionText from '@nextcloud/vue/components/NcActionText'
 import { AlphabeticalVariant } from '../icons.js'
 import { useEditorMixin } from '../Editor.provider.js'
 
diff --git a/src/components/Menu/EmojiPickerAction.vue b/src/components/Menu/EmojiPickerAction.vue
@@ -22,7 +22,8 @@
 
 <script>
 import { BaseActionEntry } from './BaseActionEntry.js'
-import { NcEmojiPicker, NcButton } from '@nextcloud/vue'
+import NcEmojiPicker from '@nextcloud/vue/components/NcEmojiPicker'
+import NcButton from '@nextcloud/vue/components/NcButton'
 import { useMenuIDMixin } from './MenuBar.provider.js'
 
 export default {
diff --git a/src/components/Menu/MenuBar.vue b/src/components/Menu/MenuBar.vue
@@ -60,7 +60,8 @@
 
 <script>
 import { ref } from 'vue'
-import { NcActionSeparator, NcActionButton } from '@nextcloud/vue'
+import NcActionSeparator from '@nextcloud/vue/components/NcActionSeparator'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import { loadState } from '@nextcloud/initial-state'
 import { useElementSize } from '@vueuse/core'
 import { emit } from '@nextcloud/event-bus'
diff --git a/src/components/Modal/Translate.vue b/src/components/Modal/Translate.vue
@@ -75,7 +75,11 @@
 import axios from '@nextcloud/axios'
 import { loadState } from '@nextcloud/initial-state'
 import { generateOcsUrl } from '@nextcloud/router'
-import { NcModal, NcButton, NcSelect, NcLoadingIcon, NcTextArea } from '@nextcloud/vue'
+import NcModal from '@nextcloud/vue/components/NcModal'
+import NcButton from '@nextcloud/vue/components/NcButton'
+import NcSelect from '@nextcloud/vue/components/NcSelect'
+import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
+import NcTextArea from '@nextcloud/vue/components/NcTextArea'
 import { useIsMobileMixin } from '../Editor.provider.js'
 
 const detectLanguageEntry = {
diff --git a/src/components/PublicFilesEditor.vue b/src/components/PublicFilesEditor.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import { NcModal } from '@nextcloud/vue'
+import NcModal from '@nextcloud/vue/components/NcModal'
 
 export default {
 	name: 'PublicFilesEditor',
diff --git a/src/components/Suggestion/Emoji/EmojiList.vue b/src/components/Suggestion/Emoji/EmojiList.vue
@@ -25,7 +25,7 @@
 
 <script>
 import { translate as t } from '@nextcloud/l10n'
-import { emojiAddRecent } from '@nextcloud/vue'
+import { emojiAddRecent } from '@nextcloud/vue/functions/emoji'
 
 export default {
 	name: 'EmojiList',
diff --git a/src/components/Suggestion/Emoji/suggestions.js b/src/components/Suggestion/Emoji/suggestions.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { emojiSearch } from '@nextcloud/vue'
+import { emojiSearch } from '@nextcloud/vue/functions/emoji'
 import createSuggestions from '../suggestions.js'
 import EmojiList from './EmojiList.vue'
 
diff --git a/src/extensions/Mention.vue b/src/extensions/Mention.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import { NcUserBubble } from '@nextcloud/vue'
+import NcUserBubble from '@nextcloud/vue/components/NcUserBubble'
 import { NodeViewWrapper } from '@tiptap/vue-2'
 import { getCurrentUser } from '@nextcloud/auth'
 
diff --git a/src/nodes/CodeBlockView.vue b/src/nodes/CodeBlockView.vue
@@ -82,7 +82,12 @@
 <script>
 import debounce from 'debounce'
 import { NodeViewWrapper, NodeViewContent } from '@tiptap/vue-2'
-import { NcActions, NcActionButton, NcActionInput, NcActionLink, NcActionSeparator, NcLoadingIcon } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
+import NcActionInput from '@nextcloud/vue/components/NcActionInput'
+import NcActionLink from '@nextcloud/vue/components/NcActionLink'
+import NcActionSeparator from '@nextcloud/vue/components/NcActionSeparator'
+import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
 import { v4 as uuidv4 } from 'uuid'
 
 import ViewSplitVertical from 'vue-material-design-icons/ViewSplitVertical.vue'
diff --git a/src/nodes/ImageView.vue b/src/nodes/ImageView.vue
@@ -115,7 +115,7 @@
 <script>
 import ClickOutside from 'vue-click-outside'
 import { mapGetters } from 'vuex'
-import { NcButton } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/components/NcButton'
 import { showError } from '@nextcloud/dialogs'
 import ShowImageModal from '../components/ImageView/ShowImageModal.vue'
 import store from '../mixins/store.js'
diff --git a/src/nodes/Table/TableCellView.vue b/src/nodes/Table/TableCellView.vue
@@ -40,7 +40,8 @@
 
 <script>
 import { NodeViewWrapper, NodeViewContent } from '@tiptap/vue-2'
-import { NcActions, NcActionButton } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import { TableAddRowBefore, TableAddRowAfter, Delete } from '../../components/icons.js'
 
 export default {
diff --git a/src/nodes/Table/TableHeaderView.vue b/src/nodes/Table/TableHeaderView.vue
@@ -73,7 +73,9 @@
 
 <script>
 import { NodeViewWrapper, NodeViewContent } from '@tiptap/vue-2'
-import { NcActions, NcActionButton, NcActionButtonGroup } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
+import NcActionButtonGroup from '@nextcloud/vue/components/NcActionButtonGroup'
 import {
 	AlignHorizontalCenter,
 	AlignHorizontalLeft,
diff --git a/src/nodes/Table/TableView.vue b/src/nodes/Table/TableView.vue
@@ -28,7 +28,8 @@
 
 <script>
 import { NodeViewWrapper, NodeViewContent } from '@tiptap/vue-2'
-import { NcActions, NcActionButton } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import { TableSettings, Delete } from '../../components/icons.js'
 
 export default {
diff --git a/src/views/FilesSettings.vue b/src/views/FilesSettings.vue
@@ -13,7 +13,7 @@
 <script>
 import { emit } from '@nextcloud/event-bus'
 import axios from '@nextcloud/axios'
-import { NcCheckboxRadioSwitch } from '@nextcloud/vue'
+import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch'
 import { generateUrl } from '@nextcloud/router'
 
 export default {
