update dependency @nextcloud/vue to ^8.27.0 + migrate to fully justif…

…ied @nc/vue imports

Signed-off-by: Andrew Backhouse <[email protected]>

package.json

@@ -49,7 +49,7 @@
     "@nextcloud/notify_push": "^1.3.0",
     "@nextcloud/router": "^3.0.1",
     "@nextcloud/sharing": "^0.2.4",
-    "@nextcloud/vue": "^8.23.1",
+    "@nextcloud/vue": "^8.27.0",
     "@quartzy/markdown-it-mentions": "^0.2.0",
     "@tiptap/core": "^2.14.0",
     "@tiptap/extension-blockquote": "^2.14.0",

src/components/Assistant.vue

@@ -157,13 +157,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,

src/components/CollisionResolveDialog.vue

@@ -34,7 +34,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',

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: {

src/components/Editor/DocumentStatus.vue

@@ -21,7 +21,7 @@
 
 <script>
 
-import { NcNoteCard } from '@nextcloud/vue'
+import NcNoteCard from '@nextcloud/vue/components/NcNoteCard'
 import Lock from 'vue-material-design-icons/Lock.vue'
 import isMobile from '../../mixins/isMobile.js'
 import SyncStatus from './DocumentStatus/SyncStatus.vue'

src/components/Editor/DocumentStatus/SyncStatus.vue

@@ -15,7 +15,7 @@
 <script>
 
 import { ERROR_TYPE } from '../../../services/SyncService.js'
-import { NcNoteCard } from '@nextcloud/vue'
+import NcNoteCard from '@nextcloud/vue/components/NcNoteCard'
 
 export default {
 	name: 'SyncStatus',

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'

src/components/Editor/PreviewOptions.vue

@@ -46,7 +46,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'
 import OpenIcon from 'vue-material-design-icons/OpenInNew.vue'

src/components/Editor/SessionList.vue

@@ -50,7 +50,9 @@
 </template>
 
 <script>
-import { NcButton, NcCheckboxRadioSwitch, NcPopover } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/components/NcButton'
+import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch'
+import NcPopover from '@nextcloud/vue/components/NcPopover'
 import AccountMultipleIcon from 'vue-material-design-icons/AccountMultiple.vue'
 import AvatarWrapper from './AvatarWrapper.vue'
 import { COLLABORATOR_DISCONNECT_TIME, COLLABORATOR_IDLE_TIME } from '../../services/SyncService.js'

src/components/Editor/SmartPickerMenu.vue

@@ -15,7 +15,7 @@
 
 <script>
 import PlusIcon from 'vue-material-design-icons/Plus.vue'
-import { NcButton } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/components/NcButton'
 
 export default {
 	name: 'SmartPickerMenu',

src/components/Editor/Status.vue

@@ -29,7 +29,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,

src/components/HelpModal.vue

@@ -268,7 +268,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'
 

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',

src/components/Link/LinkBubbleView.vue

@@ -87,7 +87,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'

src/components/Menu/ActionAttachmentUpload.vue

@@ -54,7 +54,10 @@
 </template>
 
 <script>
-import { NcActions, NcActionSeparator, NcActionButton, NcIconSvgWrapper } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionSeparator from '@nextcloud/vue/components/NcActionSeparator'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
+import NcIconSvgWrapper from '@nextcloud/vue/components/NcIconSvgWrapper'
 import { loadState } from '@nextcloud/initial-state'
 import { Loading, Folder, Upload, Plus } from '../icons.js'
 import {

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({

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 { generateUrl } from '@nextcloud/router'
 import { loadState } from '@nextcloud/initial-state'

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'

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 {

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 {

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'
 

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 {

src/components/Menu/MenuBar.vue

@@ -61,7 +61,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'

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'
 
 export default {

src/components/PublicFilesEditor.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import { NcModal } from '@nextcloud/vue'
+import NcModal from '@nextcloud/vue/components/NcModal'
 
 export default {
 	name: 'PublicFilesEditor',

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',

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'
 

src/components/SuggestionsBar.vue

@@ -57,7 +57,7 @@
 </template>
 
 <script>
-import { NcButton } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/components/NcButton'
 import { Document, Shape, Upload, Table as TableIcon } from '../components/icons.js'
 import { useActionChooseLocalAttachmentMixin } from './Editor/MediaHandler.provider.js'
 import { getLinkWithPicker } from '@nextcloud/vue/dist/Components/NcRichText.js'

src/extensions/Mention.vue

@@ -16,7 +16,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'
 

src/nodes/CodeBlock/CodeBlockView.vue

@@ -99,14 +99,13 @@
 <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'

src/nodes/DetailsView.vue

@@ -19,7 +19,7 @@
 </template>
 
 <script>
-import { NcButton } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/components/NcButton'
 import { NodeViewWrapper, NodeViewContent } from '@tiptap/vue-2'
 import TriangleSmallDownIcon from 'vue-material-design-icons/TriangleSmallDown.vue'
 

src/nodes/ImageView.vue

@@ -127,7 +127,7 @@
 
 <script>
 import ClickOutside from 'vue-click-outside'
-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 { useAttachmentResolver } from '../components/Editor.provider.js'

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 {

src/nodes/Table/TableHeaderView.vue

@@ -74,7 +74,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,

src/nodes/Table/TableView.vue

@@ -46,7 +46,9 @@
 
 <script>
 import { NodeViewWrapper, NodeViewContent } from '@tiptap/vue-2'
-import { NcActions, NcActionButton, NcButton } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
+import NcButton from '@nextcloud/vue/components/NcButton'
 import { TableSettings, Delete, TableAddColumnAfter, TableAddRowAfter } from '../../components/icons.js'
 
 export default {

src/views/FilesSettings.vue

@@ -15,7 +15,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 {