switch to individual imports for @nextcloud/vue

Signed-off-by: dartcafe <github@dartcafe.de>
nextcloud · Oct 7, 2024 · 3e5705d · 3e5705d
1 parent bab0d07
commit 3e5705d
Show file tree

Hide file tree

Showing 80 changed files with 154 additions and 105 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -5,7 +5,7 @@
 
 <script setup lang="ts">
 	import { ref, computed, onMounted, onUnmounted } from 'vue'
-	import { NcContent } from '@nextcloud/vue'
+	import NcContent from '@nextcloud/vue/dist/Components/NcContent.js'
 	import { subscribe, unsubscribe } from '@nextcloud/event-bus'
 	import '@nextcloud/dialogs/style.css'
 	import './assets/scss/colors.scss'

diff --git a/src/components/Actions/modules/ActionChangeView.vue b/src/components/Actions/modules/ActionChangeView.vue
@@ -5,14 +5,13 @@
 
 <script setup lang="ts">
 	import { computed } from 'vue'
-	import { NcButton } from '@nextcloud/vue'
+	import NcButton, { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
 	import { emit } from '@nextcloud/event-bus'
 	import ListViewIcon from 'vue-material-design-icons/ViewListOutline.vue' // view-sequential-outline
 	import TableViewIcon from 'vue-material-design-icons/Table.vue' // view-comfy-outline
 	import { t } from '@nextcloud/l10n'
 	import { usePollStore, PollType, } from '../../../stores/poll.ts'
 	import { usePreferencesStore, ViewMode } from '../../../stores/preferences.ts'
-	import { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
 
 	const pollStore = usePollStore()
 	const preferencesStore = usePreferencesStore()

diff --git a/src/components/Actions/modules/ActionDelete.vue b/src/components/Actions/modules/ActionDelete.vue
@@ -5,7 +5,7 @@
 
 <script setup lang="ts">
 	import { ref, computed } from 'vue'
-	import { NcButton } from '@nextcloud/vue'
+	import NcButton, { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
 	import DeleteIcon from 'vue-material-design-icons/Delete.vue'
 	import RestoreIcon from 'vue-material-design-icons/Recycle.vue'
 	import LockIcon from 'vue-material-design-icons/Lock.vue'
@@ -97,7 +97,7 @@
 <template>
 	<div class="">
 		<NcButton :name="computedTitle"
-			type="tertiary"
+			:type="ButtonType.Tertiary"
 			:aria-label="computedTitle">
 			<template #icon>
 				<RestoreIcon v-if="restore"

diff --git a/src/components/Actions/modules/ActionDeleteOrphanedVotes.vue b/src/components/Actions/modules/ActionDeleteOrphanedVotes.vue
@@ -4,10 +4,9 @@
 -->
 
 <script setup lang="ts">
-	import { NcButton } from '@nextcloud/vue'
+	import NcButton, { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
 	import { t } from '@nextcloud/l10n'
 	import { useVotesStore } from '../../../stores/votes.ts'
-	import { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js';
 
 	const votesStore = useVotesStore()
 	const caption = t('polls', 'Delete orphaned')

diff --git a/src/components/Actions/modules/ActionOpenOptionsSidebar.vue b/src/components/Actions/modules/ActionOpenOptionsSidebar.vue
@@ -4,10 +4,9 @@
 -->
 
 <script setup lang="ts">
-	import { NcButton } from '@nextcloud/vue'
+	import NcButton, { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
 	import { emit } from '@nextcloud/event-bus'
 	import { t } from '@nextcloud/l10n'
-	import { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js';
 
 	const caption = t('polls', 'Add some!')
 

diff --git a/src/components/Actions/modules/ActionOpenSharesSidebar.vue b/src/components/Actions/modules/ActionOpenSharesSidebar.vue
@@ -4,10 +4,9 @@
 -->
 
 <script setup lang="ts">
-	import { NcButton } from '@nextcloud/vue'
+	import NcButton, { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
 	import { emit } from '@nextcloud/event-bus'
 	import { t } from '@nextcloud/l10n'
-	import { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js';
 
 	const caption = t('polls', 'Edit access')
 

diff --git a/src/components/Actions/modules/ActionRegister.vue b/src/components/Actions/modules/ActionRegister.vue
@@ -4,11 +4,13 @@
 -->
 
 <script setup lang="ts">
+	// '@nextcloud/vue/dist/Components/.js'
+	// /dist/Components/.js
 	import { ref } from 'vue'
-	import { NcModal, NcButton } from '@nextcloud/vue'
+	import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
+	import NcButton, { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
 	import PublicRegisterModal from '../../Public/PublicRegisterModal.vue'
 	import { t } from '@nextcloud/l10n'
-	import { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js';
 
 	const caption = t('polls', 'Register')
 	const showRegistration = ref(false)

diff --git a/src/components/Actions/modules/ActionSendConfirmed.vue b/src/components/Actions/modules/ActionSendConfirmed.vue
@@ -6,13 +6,13 @@
 <script setup lang="ts">
 	import { useRoute } from 'vue-router'
 	import { ref } from 'vue'
-	import { NcButton, NcModal } from '@nextcloud/vue'
+	import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
+	import NcButton, { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
 	import EmailCheckIcon from 'vue-material-design-icons/EmailCheck.vue' // view-comfy-outline
 	import { PollsAPI } from '../../../Api/index.js'
 	import { Logger } from '../../../helpers/index.ts'
 	import { t, n } from '@nextcloud/l10n'
 	import { StatusResults } from '../../../Types/index.ts'
-	import { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
 
 	const route = useRoute()
 	const showModal = ref(false)

diff --git a/src/components/Actions/modules/ActionSortOptions.vue b/src/components/Actions/modules/ActionSortOptions.vue
@@ -5,14 +5,13 @@
 
 <script setup lang="ts">
 	import { computed } from 'vue'
-	import { NcButton } from '@nextcloud/vue'
 	import SortByOriginalOrderIcon from 'vue-material-design-icons/FormatListBulletedSquare.vue'
 	import SortByRankIcon from 'vue-material-design-icons/FormatListNumbered.vue'
 	import SortByDateOptionIcon from 'vue-material-design-icons/SortClockAscendingOutline.vue'
 	import { t } from '@nextcloud/l10n'
 	import { useOptionsStore } from '../../../stores/options.ts'
 	import { usePollStore, PollType } from '../../../stores/poll.ts'
-	import { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
+	import NcButton, { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
 
 	const pollStore = usePollStore()
 	const optionsStore = useOptionsStore()

diff --git a/src/components/Actions/modules/ActionSwitchSafeTable.vue b/src/components/Actions/modules/ActionSwitchSafeTable.vue
@@ -4,10 +4,9 @@
 -->
 
 <script setup lang="ts">
-	import { NcButton } from '@nextcloud/vue'
+	import NcButton, { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
 	import { t } from '@nextcloud/l10n'
 	import { usePollStore } from '../../../stores/poll.ts'
-	import { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js';
 
 	const pollStore = usePollStore()
 	const caption = t('polls', 'Reveal them')

diff --git a/src/components/Actions/modules/ActionToggleSidebar.vue b/src/components/Actions/modules/ActionToggleSidebar.vue
@@ -4,11 +4,10 @@
 -->
 
 <script setup lang="ts">
-	import { NcButton } from '@nextcloud/vue'
+	import NcButton, { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
 	import { emit } from '@nextcloud/event-bus'
 	import SidebarIcon from 'vue-material-design-icons/TextAccount.vue' // view-comfy-outline
 	import { t } from '@nextcloud/l10n'
-	import { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js';
 
 	const caption = t('polls', 'Toggle Sidebar')
 	function clickAction() {

diff --git a/src/components/Activity/ActivityItem.vue b/src/components/Activity/ActivityItem.vue
@@ -6,7 +6,8 @@
 <script setup lang="ts">
 	import { computed } from 'vue'
 	import moment from '@nextcloud/moment'
-	import { NcUserBubble, NcRichText } from '@nextcloud/vue'
+	import NcUserBubble from '@nextcloud/vue/dist/Components/NcUserBubble.js'
+	import NcRichText from '@nextcloud/vue/dist/Components/NcRichText.js'
 	import { GuestBubble, SimpleLink } from '../../helpers/index.ts'
 
 	const props = defineProps({

diff --git a/src/components/Base/modules/CardDiv.vue b/src/components/Base/modules/CardDiv.vue
@@ -4,7 +4,7 @@
 -->
 
 <script setup lang="ts">
-	import { NcNoteCard } from '@nextcloud/vue'
+	import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
 </script>
 
 <template>

diff --git a/src/components/Base/modules/RadioGroupDiv.vue b/src/components/Base/modules/RadioGroupDiv.vue
@@ -5,7 +5,7 @@
 
 <script setup lang="ts">
 	import { computed, PropType } from 'vue'
-	import { NcCheckboxRadioSwitch } from '@nextcloud/vue'
+	import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 
 	export type CheckboxOption = {
 		value: string

diff --git a/src/components/Calendar/CalendarPeek.vue b/src/components/Calendar/CalendarPeek.vue
@@ -7,7 +7,7 @@
 
 	import { computed, onMounted, ref, PropType } from 'vue'
 	import orderBy from 'lodash/orderBy'
-	import { NcPopover } from '@nextcloud/vue'
+	import NcPopover from '@nextcloud/vue/dist/Components/NcPopover.js'
 	import moment from '@nextcloud/moment'
 	import CalendarInfo from './CalendarInfo.vue'
 	import { CalendarAPI } from '../../Api/index.js'

diff --git a/src/components/Configuration/ConfigAllowComment.vue b/src/components/Configuration/ConfigAllowComment.vue
@@ -4,7 +4,7 @@
 -->
 
 <script setup lang="ts">
-	import { NcCheckboxRadioSwitch } from '@nextcloud/vue'
+	import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 	import { t } from '@nextcloud/l10n'
 	import { usePollStore } from '../../stores/poll.ts'
 

diff --git a/src/components/Configuration/ConfigAllowMayBe.vue b/src/components/Configuration/ConfigAllowMayBe.vue
@@ -4,7 +4,7 @@
 -->
 
 <script setup lang="ts">
-	import { NcCheckboxRadioSwitch } from '@nextcloud/vue'
+	import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 	import { t } from '@nextcloud/l10n'
 	import { usePollStore } from '../../stores/poll.ts'
 

diff --git a/src/components/Configuration/ConfigAnonymous.vue b/src/components/Configuration/ConfigAnonymous.vue
@@ -4,7 +4,7 @@
 -->
 
 <script setup lang="ts">
-	import { NcCheckboxRadioSwitch } from '@nextcloud/vue'
+	import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 	import { t } from '@nextcloud/l10n'
 	import { usePollStore } from '../../stores/poll.ts'
 

diff --git a/src/components/Configuration/ConfigAutoReminder.vue b/src/components/Configuration/ConfigAutoReminder.vue
@@ -4,7 +4,11 @@
 -->
 
 <script setup lang="ts">
-	import { NcActions, NcActionButton, NcPopover, NcCheckboxRadioSwitch } from '@nextcloud/vue'
+	import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
+	import NcPopover from '@nextcloud/vue/dist/Components/NcPopover.js'
+	import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
+	import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
+
 	import InformationIcon from 'vue-material-design-icons/InformationVariant.vue'
 	import AutoReminderInformation from './AutoReminderInformation.vue'
 	import { t } from '@nextcloud/l10n'

diff --git a/src/components/Configuration/ConfigClosing.vue b/src/components/Configuration/ConfigClosing.vue
@@ -6,7 +6,9 @@
 <script setup lang="ts">
 	import { computed } from 'vue'
 	import moment from '@nextcloud/moment'
-	import { NcButton, NcDateTimePicker, NcCheckboxRadioSwitch } from '@nextcloud/vue'
+	import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+	import NcDateTimePicker from '@nextcloud/vue/dist/Components/NcDateTimePicker.js'
+	import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 	import OpenPollIcon from 'vue-material-design-icons/LockOpenVariant.vue'
 	import ClosePollIcon from 'vue-material-design-icons/Lock.vue'
 	import { t } from '@nextcloud/l10n'

diff --git a/src/components/Configuration/ConfigOptionLimit.vue b/src/components/Configuration/ConfigOptionLimit.vue
@@ -5,7 +5,7 @@
 
 <script setup lang="ts">
 	import { computed } from 'vue'
-	import { NcCheckboxRadioSwitch } from '@nextcloud/vue'
+	import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 	import { InputDiv } from '../Base/index.js'
 	import { t } from '@nextcloud/l10n'
 	import { usePollStore } from '../../stores/poll.ts'

diff --git a/src/components/Configuration/ConfigProposals.vue b/src/components/Configuration/ConfigProposals.vue
@@ -6,7 +6,8 @@
 <script setup lang="ts">
 	import { computed } from 'vue'
 	import moment from '@nextcloud/moment'
-	import { NcCheckboxRadioSwitch, NcDateTimePicker } from '@nextcloud/vue'
+	import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
+	import NcDateTimePicker from '@nextcloud/vue/dist/Components/NcDateTimePicker.js'
 	import { t } from '@nextcloud/l10n'
 	import { usePollStore, AllowProposals } from '../../stores/poll.ts'
 

diff --git a/src/components/Configuration/ConfigUseNo.vue b/src/components/Configuration/ConfigUseNo.vue
@@ -4,7 +4,7 @@
 -->
 
 <script setup lang="ts">
-	import { NcCheckboxRadioSwitch } from '@nextcloud/vue'
+	import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 	import { t } from '@nextcloud/l10n'
 	import { usePollStore } from '../../stores/poll.ts'
 

diff --git a/src/components/Configuration/ConfigVoteLimit.vue b/src/components/Configuration/ConfigVoteLimit.vue
@@ -5,7 +5,7 @@
 
 <script setup lang="ts">
 	import { computed } from 'vue'
-	import { NcCheckboxRadioSwitch } from '@nextcloud/vue'
+	import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 	import { InputDiv } from '../Base/index.js'
 	import { t } from '@nextcloud/l10n'
 	import { usePollStore } from '../../stores/poll.ts'

diff --git a/src/components/Create/CreateDlg.vue b/src/components/Create/CreateDlg.vue
@@ -7,7 +7,7 @@
 	import { ref, computed } from 'vue'
 	import { useRouter } from 'vue-router'
 	import { showSuccess, showError } from '@nextcloud/dialogs'
-	import { NcButton } from '@nextcloud/vue'
+	import NcButton, { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
 	import { ConfigBox, RadioGroupDiv, InputDiv } from '../Base/index.js'
 	import SpeakerIcon from 'vue-material-design-icons/Bullhorn.vue'
 	import CheckIcon from 'vue-material-design-icons/Check.vue'
@@ -74,7 +74,7 @@
 				</template>
 			</NcButton>
 			<NcButton :disabled="titleEmpty"
-				type="primary"
+				:type="ButtonType.Primary"
 				@click="confirm">
 				<template #default>
 					{{ t('polls', 'Apply') }}

diff --git a/src/components/Export/ExportPoll.vue b/src/components/Export/ExportPoll.vue
@@ -10,7 +10,8 @@
 	import { saveAs } from 'file-saver'
 	import DOMPurify from 'dompurify'
 	import { t } from '@nextcloud/l10n'
-	import { NcActions, NcActionButton } from '@nextcloud/vue'
+	import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
+	import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
 	import { showError } from '@nextcloud/dialogs'
 
 	import { usePollStore, PollType } from '../../stores/poll.ts'

diff --git a/src/components/Navigation/PollNavigationItems.vue b/src/components/Navigation/PollNavigationItems.vue
@@ -5,7 +5,8 @@
 
 <script setup lang="ts">
 	import { PropType } from 'vue'
-	import { NcActionButton, NcAppNavigationItem } from '@nextcloud/vue'
+	import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
+	import NcAppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem.js'
 	import { t } from '@nextcloud/l10n'
 
 	import { useSessionStore } from '../../stores/session.ts'

diff --git a/src/components/Options/OptionCloneDate.vue b/src/components/Options/OptionCloneDate.vue
@@ -6,12 +6,12 @@
 <script setup lang="ts">
 	import { computed, ref, PropType } from 'vue'
 	import moment from '@nextcloud/moment'
-	import { NcButton, NcSelect } from '@nextcloud/vue'
+	import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js'
+	import NcButton, { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
 	import { InputDiv } from '../Base/index.js'
 	import { t } from '@nextcloud/l10n'
 	import { useOptionsStore, Option, Sequence } from '../../stores/options.ts'
 	import { dateUnits, DateUnitValue } from '../../constants/dateUnits.ts'
-	import { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
 
 	const optionsStore = useOptionsStore()
 

diff --git a/src/components/Options/OptionsDate.vue b/src/components/Options/OptionsDate.vue
@@ -5,7 +5,10 @@
 
 <script setup lang="ts">
 	import { ref } from 'vue'
-	import { NcActions, NcActionButton, NcEmptyContent, NcModal } from '@nextcloud/vue'
+	import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
+	import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
+	import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
+	import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
 	import { t } from '@nextcloud/l10n'
 
 	import OptionCloneDate from './OptionCloneDate.vue'

diff --git a/src/components/Options/OptionsDateAdd.vue b/src/components/Options/OptionsDateAdd.vue
@@ -8,14 +8,15 @@
 	import { showError, showSuccess } from '@nextcloud/dialogs'
 	import { t } from '@nextcloud/l10n'
 	import moment from '@nextcloud/moment'
-	import { NcButton, NcCheckboxRadioSwitch, NcDateTimePicker } from '@nextcloud/vue'
+	import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
+	import NcDateTimePicker from '@nextcloud/vue/dist/Components/NcDateTimePicker.js'
+	import NcButton, { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
 
 	import { useOptionsStore } from '../../stores/options.ts'
 
 	import { FlexSpacer } from '../Base/index.js'
 	import AddDateIcon from 'vue-material-design-icons/CalendarPlus.vue'
 	import CheckIcon from 'vue-material-design-icons/Check.vue'
-	import { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
 
 	const optionsStore = useOptionsStore()
 	const props = defineProps({
@@ -283,7 +284,7 @@
 					{{ dateOption.text }}
 				</div>
 				<FlexSpacer />
-				<NcButton v-if="dateOption.option.duration >= 0 && !added" type="primary" @click="addOption">
+				<NcButton v-if="dateOption.option.duration >= 0 && !added" :type="ButtonType.Primary" @click="addOption">
 					{{ t('polls', 'Add') }}
 				</NcButton>
 				<CheckIcon v-if="added"

diff --git a/src/components/Options/OptionsDateShift.vue b/src/components/Options/OptionsDateShift.vue
@@ -6,7 +6,8 @@
 <script setup lang="ts">
 	import { ref } from 'vue'
 	import { t } from '@nextcloud/l10n'
-	import { NcButton, NcSelect } from '@nextcloud/vue'
+	import NcButton, { ButtonType } from '@nextcloud/vue/dist/Components/NcButton.js'
+	import NcSelect from '@nextcloud/vue/dist/Components/NcSelect.js'
 
 	import { InputDiv } from '../Base/index.js'
 	import { dateUnits, DateUnitValue } from '../../constants/dateUnits.ts'
@@ -42,7 +43,7 @@
 				label="name" />
 			<NcButton class="submit"
 				:aria-label="t('polls', 'Submit')"
-				type="tertiary"
+				:type="ButtonType.Tertiary"
 				@click="shiftDates(shift)">
 				<template #icon>
 					<SubmitIcon />

diff --git a/src/components/Options/OptionsText.vue b/src/components/Options/OptionsText.vue
@@ -5,7 +5,9 @@
 
 <script setup lang="ts">
 	import { t } from '@nextcloud/l10n'
-	import { NcActions, NcActionButton, NcEmptyContent } from '@nextcloud/vue'
+	import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
+	import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
+	import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
 	import { Sortable } from "sortablejs-vue3"
 
 	import OptionItem from './OptionItem.vue'