chore: migrate to new @nextcloud/vue import

Signed-off-by: Grigorii K. Shartsev <[email protected]>
nextcloud · Feb 14, 2025 · 0e57e6d · 0e57e6d
1 parent fd79868
commit 0e57e6d
Show file tree

Hide file tree

Showing 24 changed files with 53 additions and 53 deletions.
diff --git a/src/authentication/renderer/AuthenticationApp.vue b/src/authentication/renderer/AuthenticationApp.vue
@@ -6,9 +6,9 @@
 <script setup>
 import { computed, ref } from 'vue'
 import IconArrowRight from 'vue-material-design-icons/ArrowRight.vue'
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
-import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
+import NcButton from '@nextcloud/vue/components/NcButton'
+import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
+import NcTextField from '@nextcloud/vue/components/NcTextField'
 import { translate as t } from '@nextcloud/l10n'
 import { getCapabilities } from '../../shared/ocs.service.js'
 import { appData } from '../../app/AppData.js'

diff --git a/src/callbox/renderer/CallboxApp.vue b/src/callbox/renderer/CallboxApp.vue
@@ -5,8 +5,8 @@
 
 <script setup lang="ts">
 import { useEventListener } from '@vueuse/core'
-import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar.js'
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcAvatar from '@nextcloud/vue/components/NcAvatar'
+import NcButton from '@nextcloud/vue/components/NcButton'
 import IconClose from 'vue-material-design-icons/Close.vue'
 import IconPhone from 'vue-material-design-icons/Phone.vue'
 import IconPhoneHangup from 'vue-material-design-icons/PhoneHangup.vue'

diff --git a/src/global.d.ts b/src/global.d.ts
@@ -28,12 +28,12 @@ declare module 'vue-material-design-icons/*.vue' {
 }
 
 // @nextcloud/vue has declarations only since 9.0.0
-declare module '@nextcloud/vue/dist/Components/*.js' {
+declare module '@nextcloud/vue/components/*' {
 	import type { Component } from 'vue'
 	const component: Component
 	export default component
 }
-declare module '@nextcloud/vue/dist/Composables/useHotKey.js' {
+declare module '@nextcloud/vue/composables/useHotKey' {
 	export function useHotKey(
 		keysOrFilter: string | string[] | ((event: KeyboardEvent) => boolean) | true,
 		callback: (event: KeyboardEvent) => void,

diff --git a/src/help/renderer/ButtonCopy.vue b/src/help/renderer/ButtonCopy.vue
@@ -14,7 +14,7 @@ export default {
 import { ref } from 'vue'
 import IconCheck from 'vue-material-design-icons/Check.vue'
 import IconCopy from 'vue-material-design-icons/ContentCopy.vue'
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcButton from '@nextcloud/vue/components/NcButton'
 import { t } from '@nextcloud/l10n'
 
 const props = withDefaults(

diff --git a/src/help/renderer/HelpApp.vue b/src/help/renderer/HelpApp.vue
@@ -6,9 +6,9 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import IconWindowClose from 'vue-material-design-icons/WindowClose.vue'
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import NcRichText from '@nextcloud/vue/dist/Components/NcRichText.js'
-import { useHotKey } from '@nextcloud/vue/dist/Composables/useHotKey.js'
+import NcButton from '@nextcloud/vue/components/NcButton'
+import NcRichText from '@nextcloud/vue/components/NcRichText'
+import { useHotKey } from '@nextcloud/vue/composables/useHotKey'
 import { translate as t } from '@nextcloud/l10n'
 import { generateDiagnosisReportMD } from './diagnosis.service.ts'
 import ButtonCopy from './ButtonCopy.vue'

diff --git a/src/shared/globals/OC/OcDialogsAdapter.vue b/src/shared/globals/OC/OcDialogsAdapter.vue
@@ -6,7 +6,7 @@
 <script setup>
 import { del, ref, set } from 'vue'
 import { translate as t } from '@nextcloud/l10n'
-import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
+import NcDialog from '@nextcloud/vue/components/NcDialog'
 
 const Buttons = {
 	OK_BUTTONS: (callback) => [

diff --git a/src/talk/renderer/Settings/DesktopSettingsSection.vue b/src/talk/renderer/Settings/DesktopSettingsSection.vue
@@ -7,13 +7,13 @@
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia'
 import { t } from '@nextcloud/l10n'
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
+import NcButton from '@nextcloud/vue/components/NcButton'
+import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch'
 import IconMagnify from 'vue-material-design-icons/Magnify.vue'
 import IconMinus from 'vue-material-design-icons/Minus.vue'
 import IconPlus from 'vue-material-design-icons/Plus.vue'
-import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
-import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
+import NcNoteCard from '@nextcloud/vue/components/NcNoteCard'
+import NcTextField from '@nextcloud/vue/components/NcTextField'
 import IconCardAccountPhoneOutline from 'vue-material-design-icons/CardAccountPhoneOutline.vue'
 import IconPhoneRingOutline from 'vue-material-design-icons/PhoneRingOutline.vue'
 import IconBellRingOutline from 'vue-material-design-icons/BellRingOutline.vue'

diff --git a/src/talk/renderer/Settings/components/SettingsSelect.vue b/src/talk/renderer/Settings/components/SettingsSelect.vue
@@ -5,7 +5,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
-import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js'
+import NcSelect from '@nextcloud/vue/components/NcSelect'
 import SettingsFormGroup from './SettingsFormGroup.vue'
 import type { NcSelectOption } from '../../composables/useNcSelectModel.ts'
 

diff --git a/src/talk/renderer/TalkDesktop.vue b/src/talk/renderer/TalkDesktop.vue
@@ -5,7 +5,7 @@
 
 <script setup lang="ts">
 import { provide, ref } from 'vue'
-import { useHotKey } from '@nextcloud/vue/dist/Composables/useHotKey.js'
+import { useHotKey } from '@nextcloud/vue/composables/useHotKey'
 import TitleBar from './TitleBar/TitleBar.vue'
 import TalkWrapper from './TalkWrapper/TalkWrapper.vue'
 import { openRoot } from './TalkWrapper/talk.service.ts'

diff --git a/src/talk/renderer/TitleBar/components/DevMenu.vue b/src/talk/renderer/TitleBar/components/DevMenu.vue
@@ -8,9 +8,9 @@
 import axios from '@nextcloud/axios'
 import { generateOcsUrl } from '@nextcloud/router'
 import { getCurrentUser } from '@nextcloud/auth'
-import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
-import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
-import NcActionSeparator from '@nextcloud/vue/dist/Components/NcActionSeparator.js'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
+import NcActionSeparator from '@nextcloud/vue/components/NcActionSeparator'
 import IconApplicationBracketsOutline from 'vue-material-design-icons/ApplicationBracketsOutline.vue'
 import IconDeveloperBoard from 'vue-material-design-icons/DeveloperBoard.vue'
 import IconLan from 'vue-material-design-icons/Lan.vue'

diff --git a/src/talk/renderer/TitleBar/components/MainMenu.vue b/src/talk/renderer/TitleBar/components/MainMenu.vue
@@ -12,10 +12,10 @@ import IconWeb from 'vue-material-design-icons/Web.vue'
 import IconBug from 'vue-material-design-icons/Bug.vue'
 import IconInformationOutline from 'vue-material-design-icons/InformationOutline.vue'
 import IconMenu from 'vue-material-design-icons/Menu.vue'
-import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
-import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
-import NcActionLink from '@nextcloud/vue/dist/Components/NcActionLink.js'
-import NcActionSeparator from '@nextcloud/vue/dist/Components/NcActionSeparator.js'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
+import NcActionLink from '@nextcloud/vue/components/NcActionLink'
+import NcActionSeparator from '@nextcloud/vue/components/NcActionSeparator'
 import { t } from '@nextcloud/l10n'
 import { generateUrl } from '@nextcloud/router'
 import { getCurrentTalkRoutePath } from '../../TalkWrapper/talk.service.ts'

diff --git a/src/talk/renderer/TitleBar/components/UserMenu.vue b/src/talk/renderer/TitleBar/components/UserMenu.vue
@@ -9,9 +9,9 @@ import { computed, ref, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { t } from '@nextcloud/l10n'
 import { generateUrl } from '@nextcloud/router'
-import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar.js'
-import NcPopover from '@nextcloud/vue/dist/Components/NcPopover.js'
-import NcUserStatusIcon from '@nextcloud/vue/dist/Components/NcUserStatusIcon.js'
+import NcAvatar from '@nextcloud/vue/components/NcAvatar'
+import NcPopover from '@nextcloud/vue/components/NcPopover'
+import NcUserStatusIcon from '@nextcloud/vue/components/NcUserStatusIcon'
 import IconCheck from 'vue-material-design-icons/Check.vue'
 import IconChevronRight from 'vue-material-design-icons/ChevronRight.vue'
 import IconChevronLeft from 'vue-material-design-icons/ChevronLeft.vue'

diff --git a/src/talk/renderer/UserStatus/UserStatusDialog.vue b/src/talk/renderer/UserStatus/UserStatusDialog.vue
@@ -4,7 +4,7 @@
 -->
 
 <script setup lang="ts">
-import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
+import NcDialog from '@nextcloud/vue/components/NcDialog'
 import { translate as t } from '@nextcloud/l10n'
 import { useUserStatusStore } from './userStatus.store.ts'
 import UserStatusForm from './components/UserStatusForm.vue'

diff --git a/src/talk/renderer/UserStatus/components/UserStatusForm.vue b/src/talk/renderer/UserStatus/components/UserStatusForm.vue
@@ -7,8 +7,8 @@
 import type { PredefinedUserStatus, UserStatusPrivate } from '../userStatus.types.ts'
 import { computed, ref } from 'vue'
 import { storeToRefs } from 'pinia'
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
+import NcButton from '@nextcloud/vue/components/NcButton'
+import NcNoteCard from '@nextcloud/vue/components/NcNoteCard'
 import { translate as t } from '@nextcloud/l10n'
 import { useUserStatusStore } from '../userStatus.store.ts'
 import UserStatusFormClearAt from './UserStatusFormClearAt.vue'

diff --git a/src/talk/renderer/UserStatus/components/UserStatusFormClearAt.vue b/src/talk/renderer/UserStatus/components/UserStatusFormClearAt.vue
@@ -5,7 +5,7 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
-import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js'
+import NcSelect from '@nextcloud/vue/components/NcSelect'
 import { translate as t } from '@nextcloud/l10n'
 import { clearAtToLabel, getTimestampForPredefinedClearAt } from '../userStatus.utils.ts'
 

diff --git a/src/talk/renderer/UserStatus/components/UserStatusFormCustomMessage.vue b/src/talk/renderer/UserStatus/components/UserStatusFormCustomMessage.vue
@@ -4,9 +4,9 @@
 -->
 
 <script setup lang="ts">
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import NcEmojiPicker from '@nextcloud/vue/dist/Components/NcEmojiPicker.js'
-import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
+import NcButton from '@nextcloud/vue/components/NcButton'
+import NcEmojiPicker from '@nextcloud/vue/components/NcEmojiPicker'
+import NcTextField from '@nextcloud/vue/components/NcTextField'
 import { translate as t } from '@nextcloud/l10n'
 import IconEmoticonOutline from 'vue-material-design-icons/EmoticonOutline.vue'
 

diff --git a/src/talk/renderer/UserStatus/components/UserStatusFormPredefinedOption.vue b/src/talk/renderer/UserStatus/components/UserStatusFormPredefinedOption.vue
@@ -5,7 +5,7 @@
 
 <script setup lang="ts">
 import type { PredefinedUserStatus, UserStatusBackup } from '../userStatus.types.ts'
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcButton from '@nextcloud/vue/components/NcButton'
 import { clearAtToLabel } from '../userStatus.utils.ts'
 
 withDefaults(defineProps<{

diff --git a/src/talk/renderer/UserStatus/components/UserStatusFormStatusType.vue b/src/talk/renderer/UserStatus/components/UserStatusFormStatusType.vue
@@ -4,8 +4,8 @@
 -->
 
 <script setup lang="ts">
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import NcUserStatusIcon from '@nextcloud/vue/dist/Components/NcUserStatusIcon.js'
+import NcButton from '@nextcloud/vue/components/NcButton'
+import NcUserStatusIcon from '@nextcloud/vue/components/NcUserStatusIcon'
 import { availableUserStatusStatusTypes, userStatusTranslations } from '../userStatus.utils.ts'
 import type { UserStatusStatusType } from '../userStatus.types.ts'
 

diff --git a/src/talk/renderer/Viewer/ViewerApp.vue b/src/talk/renderer/Viewer/ViewerApp.vue
@@ -5,8 +5,8 @@
 
 <script setup>
 import { computed, ref } from 'vue'
-import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
-import NcActionLink from '@nextcloud/vue/dist/Components/NcActionLink.js'
+import NcModal from '@nextcloud/vue/components/NcModal'
+import NcActionLink from '@nextcloud/vue/components/NcActionLink'
 import IconOpenInNew from 'vue-material-design-icons/OpenInNew.vue'
 import { generateUrl } from '@nextcloud/router'
 import { translate as t } from '@nextcloud/l10n'

diff --git a/src/talk/renderer/Viewer/ViewerHandlerBase.vue b/src/talk/renderer/Viewer/ViewerHandlerBase.vue
@@ -6,8 +6,8 @@
 <script setup>
 import { computed } from 'vue'
 import { t } from '@nextcloud/l10n'
-import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
-import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
+import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'
+import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
 import IconAlertCircleOutline from 'vue-material-design-icons/AlertCircleOutline.vue'
 
 const props = defineProps({

diff --git a/src/talk/renderer/Viewer/ViewerHandlerText.vue b/src/talk/renderer/Viewer/ViewerHandlerText.vue
@@ -6,10 +6,10 @@
 <script setup>
 import { computed, ref } from 'vue'
 import { t } from '@nextcloud/l10n'
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
-import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
-import NcRichText from '@nextcloud/vue/dist/Components/NcRichText.js'
+import NcButton from '@nextcloud/vue/components/NcButton'
+import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch'
+import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'
+import NcRichText from '@nextcloud/vue/components/NcRichText'
 import IconContentCopy from 'vue-material-design-icons/ContentCopy.vue'
 import IconCheck from 'vue-material-design-icons/Check.vue'
 import IconFileChartOutline from 'vue-material-design-icons/FileChartOutline.vue'

diff --git a/src/talk/renderer/screensharing/DesktopMediaSourceDialog.vue b/src/talk/renderer/screensharing/DesktopMediaSourceDialog.vue
@@ -8,11 +8,11 @@ import type { ScreensharingSource, ScreensharingSourceId } from './screensharing
 import { computed, ref, watch } from 'vue'
 import IconCancel from '@mdi/svg/svg/cancel.svg?raw'
 import IconMonitorShare from '@mdi/svg/svg/monitor-share.svg?raw'
-import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
-import NcDialogButton from '@nextcloud/vue/dist/Components/NcDialogButton.js'
-import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
-import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
-import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
+import NcDialog from '@nextcloud/vue/components/NcDialog'
+import NcDialogButton from '@nextcloud/vue/components/NcDialogButton'
+import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'
+import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
+import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch'
 import { t } from '@nextcloud/l10n'
 import { useWindowFocus } from '@vueuse/core'
 import DesktopMediaSourcePreview from './DesktopMediaSourcePreview.vue'

diff --git a/src/talk/renderer/screensharing/DesktopMediaSourcePreviewLive.vue b/src/talk/renderer/screensharing/DesktopMediaSourcePreviewLive.vue
@@ -6,7 +6,7 @@
 <script setup lang="ts">
 import type { ScreensharingSourceId } from './screensharing.types.ts'
 import { onBeforeUnmount, onMounted, ref } from 'vue'
-import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
+import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
 
 const props = defineProps<{
 	mediaSourceId: ScreensharingSourceId

diff --git a/src/upgrade/renderer/UpgradeApp.vue b/src/upgrade/renderer/UpgradeApp.vue
@@ -6,7 +6,7 @@
 <script setup lang="ts">
 import IconCloudDownload from 'vue-material-design-icons/CloudDownload.vue'
 import IconWeb from 'vue-material-design-icons/Web.vue'
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcButton from '@nextcloud/vue/components/NcButton'
 import { t } from '@nextcloud/l10n'
 import { generateUrl } from '@nextcloud/router'