Switch to outlined icon variant

CHANGELOG.md

@@ -5,6 +5,17 @@
 # Changelog
 All notable changes to this project will be documented in this file.
 
+## [unreleased]
+### KNOWN BUGS
+ - Reorderung of options of a textpoll is broken
+
+### Fixed
+ - Fixed display of one day event on days with a daylight saving change
+
+### Changed
+ - Replaced the "Maybe" Icon from a checkmark in braces to a tilde
+ - Chnged Icons according to new Nextcloud style guide
+
 ## [8.4.3] - 2025-09-01
 ### Fixed
  - Fixed nullish user settings

src/components/Actions/modules/ActionDelete.vue

@@ -9,9 +9,9 @@ import { t, n } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/components/NcButton'
 
-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'
+import DeleteIcon from 'vue-material-design-icons/TrashCanOutline.vue'
+import RestoreIcon from 'vue-material-design-icons/RecycleVariant.vue'
+import LockIcon from 'vue-material-design-icons/LockOutline.vue'
 import UndoIcon from 'vue-material-design-icons/ArrowULeftTop.vue'
 
 interface Props {

src/components/Actions/modules/ActionSendConfirmed.vue

@@ -11,7 +11,7 @@ import { t, n } from '@nextcloud/l10n'
 import NcModal from '@nextcloud/vue/components/NcModal'
 import NcButton from '@nextcloud/vue/components/NcButton'
 
-import EmailCheckIcon from 'vue-material-design-icons/EmailCheck.vue' // view-comfy-outline
+import EmailCheckIcon from 'vue-material-design-icons/EmailCheckOutline.vue' // view-comfy-outline
 
 import { PollsAPI } from '../../../Api'
 import { Logger } from '../../../helpers'

src/components/Calendar/CalendarPeek.vue

@@ -12,7 +12,7 @@ import { DateTime } from 'luxon'
 import NcPopover from '@nextcloud/vue/components/NcPopover'
 import NcButton from '@nextcloud/vue/components/NcButton'
 
-import CalendarIcon from 'vue-material-design-icons/Calendar.vue'
+import CalendarIcon from 'vue-material-design-icons/CalendarOutline.vue'
 
 import CalendarInfo from './CalendarInfo.vue'
 import { CalendarAPI } from '../../Api'

src/components/Configuration/ConfigClosing.vue

@@ -12,8 +12,8 @@ import NcButton from '@nextcloud/vue/components/NcButton'
 import DateTimePicker from '../../components/Base/modules/DateTimePicker.vue'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch'
 
-import OpenPollIcon from 'vue-material-design-icons/LockOpenVariant.vue'
-import ClosePollIcon from 'vue-material-design-icons/Lock.vue'
+import OpenPollIcon from 'vue-material-design-icons/LockOpenVariantOutline.vue'
+import ClosePollIcon from 'vue-material-design-icons/LockOutline.vue'
 
 import { usePollStore } from '../../stores/poll'
 

src/components/Configuration/ConfigDangerArea.vue

@@ -13,9 +13,9 @@ import NcButton from '@nextcloud/vue/components/NcButton'
 import { usePollStore } from '../../stores/poll'
 
 import DeletePollDialog from '../Modals/DeletePollDialog.vue'
-import RestorePollIcon from 'vue-material-design-icons/Recycle.vue'
-import ArchivePollIcon from 'vue-material-design-icons/Archive.vue'
-import DeletePollIcon from 'vue-material-design-icons/Delete.vue'
+import RestorePollIcon from 'vue-material-design-icons/RecycleVariant.vue'
+import ArchivePollIcon from 'vue-material-design-icons/ArchiveOutline.vue'
+import DeletePollIcon from 'vue-material-design-icons/TrashCanOutline.vue'
 import TransferPollIcon from 'vue-material-design-icons/AccountSwitchOutline.vue'
 import TransferPollDialog from '../Modals/TransferPollDialog.vue'
 

src/components/Create/CreateDlg.vue

@@ -11,7 +11,7 @@ import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/components/NcButton'
 
-import SpeakerIcon from 'vue-material-design-icons/Bullhorn.vue'
+import SpeakerIcon from 'vue-material-design-icons/BullhornOutline.vue'
 import CheckIcon from 'vue-material-design-icons/Check.vue'
 
 import InputDiv from '../Base/modules/InputDiv.vue'

src/components/Create/PollCreateDlg.vue

@@ -9,7 +9,7 @@ import { t } from '@nextcloud/l10n'
 
 import NcButton from '@nextcloud/vue/components/NcButton'
 
-import SpeakerIcon from 'vue-material-design-icons/Bullhorn.vue'
+import SpeakerIcon from 'vue-material-design-icons/BullhornOutline.vue'
 import CheckIcon from 'vue-material-design-icons/Check.vue'
 
 import InputDiv from '../Base/modules/InputDiv.vue'

src/components/Export/ExportPoll.vue

@@ -21,7 +21,7 @@ import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 
 import ExcelIcon from 'vue-material-design-icons/MicrosoftExcel.vue'
 import FileTableIcon from 'vue-material-design-icons/FileTableOutline.vue'
-import CsvIcon from 'vue-material-design-icons/FileDelimited.vue'
+import CsvIcon from 'vue-material-design-icons/FileDelimitedOutline.vue'
 import XmlIcon from 'vue-material-design-icons/Xml.vue'
 import ExportIcon from 'vue-material-design-icons/FileDownloadOutline.vue'
 

src/components/Modals/OptionsAddModal.vue

@@ -10,7 +10,7 @@ import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'
 import NcModal from '@nextcloud/vue/components/NcModal'
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
 
-import DatePollIcon from 'vue-material-design-icons/CalendarBlank.vue'
+import DatePollIcon from 'vue-material-design-icons/CalendarBlankOutline.vue'
 
 import OptionsDateAddDialog from '../Options/OptionsDateAddDialog.vue'
 import OptionsDate from '../Options/OptionsDate.vue'

src/components/Navigation/PollNavigationItems.vue

@@ -9,12 +9,12 @@ import { t } from '@nextcloud/l10n'
 import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import NcAppNavigationItem from '@nextcloud/vue/components/NcAppNavigationItem'
 
-import DeletePollIcon from 'vue-material-design-icons/Delete.vue'
+import DeletePollIcon from 'vue-material-design-icons/TrashCanOutline.vue'
 import ClonePollIcon from 'vue-material-design-icons/ContentCopy.vue'
-import ArchivePollIcon from 'vue-material-design-icons/Archive.vue'
-import RestorePollIcon from 'vue-material-design-icons/Recycle.vue'
+import ArchivePollIcon from 'vue-material-design-icons/ArchiveOutline.vue'
+import RestorePollIcon from 'vue-material-design-icons/RecycleVariant.vue'
 import TextPollIcon from 'vue-material-design-icons/FormatListBulletedSquare.vue'
-import DatePollIcon from 'vue-material-design-icons/CalendarBlank.vue'
+import DatePollIcon from 'vue-material-design-icons/CalendarBlankOutline.vue'
 
 import { useSessionStore } from '../../stores/session'
 
@@ -30,7 +30,9 @@ const sessionStore = useSessionStore()
 	<NcAppNavigationItem
 		:name="poll.configuration.title"
 		:to="
-			poll.permissions.view ? { name: 'vote', params: { id: poll.id } } : null
+			poll.permissions.view
+				? { name: 'vote', params: { id: poll.id } }
+				: undefined
 		"
 		:class="{ closed: poll.status.isExpired }">
 		<template #icon>

src/components/Options/Counter.vue

@@ -4,8 +4,8 @@
 -->
 
 <script setup lang="ts">
-import YesCounterIcon from 'vue-material-design-icons/AccountCheck.vue'
-import MaybeCounterIcon from 'vue-material-design-icons/AccountCheckOutline.vue'
+import YesCounterIcon from 'vue-material-design-icons/Check.vue'
+import MaybeCounterIcon from 'vue-material-design-icons/Tilde.vue'
 import CheckboxMarkedOutlinedIcon from 'vue-material-design-icons/CheckboxMarkedOutline.vue'
 
 import { usePollStore } from '../../stores/poll'

src/components/Options/OptionMenu.vue

@@ -12,8 +12,8 @@ import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import NcModal from '@nextcloud/vue/components/NcModal'
 
 import CloneDateIcon from 'vue-material-design-icons/CalendarMultiple.vue'
-import DeleteIcon from 'vue-material-design-icons/Delete.vue'
-import RestoreIcon from 'vue-material-design-icons/Recycle.vue'
+import DeleteIcon from 'vue-material-design-icons/TrashCanOutline.vue'
+import RestoreIcon from 'vue-material-design-icons/RecycleVariant.vue'
 import ConfirmIcon from 'vue-material-design-icons/CheckboxBlankOutline.vue'
 import UnconfirmIcon from 'vue-material-design-icons/CheckboxMarkedOutline.vue'
 import OptionSortIcon from 'vue-material-design-icons/SortBoolAscendingVariant.vue'

src/components/Options/OptionsDate.vue

@@ -8,7 +8,7 @@ import { t } from '@nextcloud/l10n'
 
 import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'
 
-import DatePollIcon from 'vue-material-design-icons/CalendarBlank.vue'
+import DatePollIcon from 'vue-material-design-icons/CalendarBlankOutline.vue'
 
 import OptionItem from './OptionItem.vue'
 import OptionMenu from './OptionMenu.vue'

src/components/Options/OptionsText.vue

@@ -12,8 +12,8 @@ import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'
 import NcActions from '@nextcloud/vue/components/NcActions'
 import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 
-import DeleteIcon from 'vue-material-design-icons/Delete.vue'
-import RestoreIcon from 'vue-material-design-icons/Recycle.vue'
+import DeleteIcon from 'vue-material-design-icons/TrashCanOutline.vue'
+import RestoreIcon from 'vue-material-design-icons/RecycleVariant.vue'
 import TextPollIcon from 'vue-material-design-icons/FormatListBulletedSquare.vue'
 import ConfirmIcon from 'vue-material-design-icons/CheckboxBlankOutline.vue'
 import UnconfirmIcon from 'vue-material-design-icons/CheckboxMarkedOutline.vue'

src/components/Options/OptionsTextAddBulk.vue

@@ -13,7 +13,7 @@ import NcActions from '@nextcloud/vue/components/NcActions'
 import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import NcButton from '@nextcloud/vue/components/NcButton'
 
-import PasteIcon from 'vue-material-design-icons/ClipboardTextMultiple.vue'
+import PasteIcon from 'vue-material-design-icons/ClipboardTextMultipleOutline.vue'
 
 import { useOptionsStore } from '../../stores/options'
 

src/components/Poll/PollInfoLine.vue

@@ -11,11 +11,11 @@ import { usePollStore } from '../../stores/poll'
 import { useSharesStore } from '../../stores/shares'
 
 import unpublishedIcon from 'vue-material-design-icons/PublishOff.vue'
-import archivedPollIcon from 'vue-material-design-icons/Archive.vue'
-import closedPollIcon from 'vue-material-design-icons/Lock.vue'
+import archivedPollIcon from 'vue-material-design-icons/ArchiveOutline.vue'
+import closedPollIcon from 'vue-material-design-icons/LockOutline.vue'
 import creationIcon from 'vue-material-design-icons/ClockOutline.vue'
-import ProposalsIcon from 'vue-material-design-icons/Offer.vue'
-import ExpirationIcon from 'vue-material-design-icons/CalendarEnd.vue'
+import ProposalsIcon from 'vue-material-design-icons/HandExtendedOutline.vue'
+import ExpirationIcon from 'vue-material-design-icons/CalendarEndOutline.vue'
 
 const pollStore = usePollStore()
 const sharesStore = useSharesStore()

src/components/Poll/PollInformation.vue

@@ -7,25 +7,24 @@
 import { computed } from 'vue'
 import { t, n } from '@nextcloud/l10n'
 
-import OwnerIcon from 'vue-material-design-icons/Crown.vue'
-import SubscribedIcon from 'vue-material-design-icons/Bell.vue'
-import ProposalsAllowedIcon from 'vue-material-design-icons/Offer.vue'
+import OwnerIcon from 'vue-material-design-icons/CrownOutline.vue'
+import SubscribedIcon from 'vue-material-design-icons/BellOutline.vue'
+import ProposalsAllowedIcon from 'vue-material-design-icons/HandExtendedOutline.vue'
 import TimezoneIcon from 'vue-material-design-icons/MapClockOutline.vue'
 import OptionsIcon from 'vue-material-design-icons/FormatListCheckbox.vue'
-import ParticipantsIcon from 'vue-material-design-icons/AccountGroup.vue'
+import ParticipantsIcon from 'vue-material-design-icons/AccountGroupOutline.vue'
 import ShowResultsIcon from 'vue-material-design-icons/Monitor.vue'
 import ShowResultsOnClosedIcon from 'vue-material-design-icons/MonitorLock.vue'
 import HideResultsIcon from 'vue-material-design-icons/MonitorOff.vue'
 import AnoymousIcon from 'vue-material-design-icons/Incognito.vue'
-import ClosedIcon from 'vue-material-design-icons/Lock.vue'
+import ClosedIcon from 'vue-material-design-icons/LockOutline.vue'
 import CreationIcon from 'vue-material-design-icons/ClockOutline.vue'
 import PrivatePollIcon from 'vue-material-design-icons/Key.vue'
 import OpenPollIcon from 'vue-material-design-icons/Earth.vue'
 import CheckIcon from 'vue-material-design-icons/Check.vue'
 import CloseIcon from 'vue-material-design-icons/Close.vue'
-import EmailIcon from 'vue-material-design-icons/Email.vue'
-
-import MaybeIcon from '../AppIcons/MaybeIcon.vue'
+import EmailIcon from 'vue-material-design-icons/EmailOutline.vue'
+import MaybeIcon from 'vue-material-design-icons/Tilde.vue'
 
 import BadgeDiv from '../Base/modules/BadgeDiv.vue'
 import UserBubble from '../User/UserBubble.vue'
@@ -84,8 +83,12 @@ const dateExpiryRelative = computed(
 )
 const currentTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone
 const countAllYesVotes = computed(() => votesStore.countAllVotesByAnswer('yes'))
-const countAllNoVotes = computed(() => votesStore.countAllVotesByAnswer('no'))
 const countAllMaybeVotes = computed(() => votesStore.countAllVotesByAnswer('maybe'))
+const countAllNoVotes = computed(
+	() =>
+		optionsStore.options.length * pollStore.status.countParticipants
+		- (countAllYesVotes.value + countAllMaybeVotes.value),
+)
 const countUsedVotes = computed(
 	() =>
 		pollStore.configuration.maxVotesPerUser
@@ -174,19 +177,26 @@ const countUsedVotes = computed(
 		</BadgeDiv>
 		<BadgeDiv v-if="countAllYesVotes">
 			<template #icon>
-				<CheckIcon fill-color="#49bc49" />
+				<CheckIcon fill-color="var(--color-polls-foreground-yes)" />
 			</template>
 			{{ n('polls', '%n "Yes" vote', '%n "Yes" votes', countAllYesVotes) }}
 		</BadgeDiv>
 		<BadgeDiv v-if="countAllNoVotes">
 			<template #icon>
-				<CloseIcon fill-color="#f45573" />
+				<CloseIcon fill-color="var(--color-polls-foreground-no)" />
 			</template>
-			{{ n('polls', '%n No vote', '%n "No" votes', countAllNoVotes) }}
+			{{
+				n(
+					'polls',
+					'%n No vote/not voted',
+					'%n "No" votes/not voted',
+					countAllNoVotes,
+				)
+			}}
 		</BadgeDiv>
 		<BadgeDiv v-if="countAllMaybeVotes">
 			<template #icon>
-				<MaybeIcon />
+				<MaybeIcon fill-color="var(--color-polls-foreground-maybe)" />
 			</template>
 			{{
 				n('polls', '%n "Maybe" vote', '%n "Maybe" votes', countAllMaybeVotes)

src/components/PollGroup/PollGroupEditDlg.vue

@@ -6,9 +6,9 @@
 <script setup lang="ts">
 import { t } from '@nextcloud/l10n'
 
-import SpeakerIcon from 'vue-material-design-icons/Bullhorn.vue'
-import SpeakerBigIcon from 'vue-material-design-icons/BullhornVariant.vue'
-import DescriptionIcon from 'vue-material-design-icons/TextBox.vue'
+import SpeakerIcon from 'vue-material-design-icons/BullhornOutline.vue'
+import SpeakerBigIcon from 'vue-material-design-icons/BullhornVariantOutline.vue'
+import DescriptionIcon from 'vue-material-design-icons/TextBoxOutline.vue'
 
 import ConfigBox from '../Base/modules/ConfigBox.vue'
 

src/components/PollList/PollItem.vue

@@ -11,16 +11,16 @@ import { t } from '@nextcloud/l10n'
 
 // Icons
 import TextPollIcon from 'vue-material-design-icons/FormatListBulletedSquare.vue'
-import DatePollIcon from 'vue-material-design-icons/CalendarBlank.vue'
-import ExpirationIcon from 'vue-material-design-icons/CalendarEnd.vue'
+import DatePollIcon from 'vue-material-design-icons/CalendarBlankOutline.vue'
+import ExpirationIcon from 'vue-material-design-icons/CalendarEndOutline.vue'
 import PrivatePollIcon from 'vue-material-design-icons/Key.vue'
 import OpenPollIcon from 'vue-material-design-icons/Earth.vue'
-import ArchivedPollIcon from 'vue-material-design-icons/Archive.vue'
-import ClosedPollsIcon from 'vue-material-design-icons/Lock.vue'
+import ArchivedPollIcon from 'vue-material-design-icons/ArchiveOutline.vue'
+import ClosedPollsIcon from 'vue-material-design-icons/LockOutline.vue'
 import LockPollIcon from 'vue-material-design-icons/Security.vue'
-import ParticipantsIcon from 'vue-material-design-icons/AccountMultipleCheck.vue'
-import ParticipatedIcon from 'vue-material-design-icons/AccountCheck.vue'
-import AdminIcon from 'vue-material-design-icons/ShieldCrown.vue'
+import ParticipantsIcon from 'vue-material-design-icons/AccountMultipleCheckOutline.vue'
+import ParticipatedIcon from 'vue-material-design-icons/AccountCheckOutline.vue'
+import AdminIcon from 'vue-material-design-icons/ShieldCrownOutline.vue'
 import UserBubble from '../User/UserBubble.vue'
 
 import BadgeSmallDiv from '../Base/modules/BadgeSmallDiv.vue'

src/components/PollList/PollItemActions.vue

@@ -16,13 +16,13 @@ import NcActionInput from '@nextcloud/vue/components/NcActionInput'
 import NcActions from '@nextcloud/vue/components/NcActions'
 import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 
-import ArchivePollIcon from 'vue-material-design-icons/Archive.vue'
+import ArchivePollIcon from 'vue-material-design-icons/ArchiveOutline.vue'
 import ClonePollIcon from 'vue-material-design-icons/ContentCopy.vue'
-import DeletePollIcon from 'vue-material-design-icons/Delete.vue'
+import DeletePollIcon from 'vue-material-design-icons/TrashCanOutline.vue'
 import IconArrowLeft from 'vue-material-design-icons/ArrowLeft.vue'
 import MinusIcon from 'vue-material-design-icons/Minus.vue'
 import PlusIcon from 'vue-material-design-icons/Plus.vue'
-import RestorePollIcon from 'vue-material-design-icons/Recycle.vue'
+import RestorePollIcon from 'vue-material-design-icons/RecycleVariant.vue'
 import TransferPollIcon from 'vue-material-design-icons/AccountSwitchOutline.vue'
 
 import DeletePollDialog from '../Modals/DeletePollDialog.vue'

src/components/PollList/PollListSort.vue

@@ -18,7 +18,7 @@ import SortDescendingIcon from 'vue-material-design-icons/SortDescending.vue'
 import AlphabeticalIcon from 'vue-material-design-icons/Alphabetical.vue'
 import GestureDoubleTapIcon from 'vue-material-design-icons/GestureDoubleTap.vue'
 import CreationIcon from 'vue-material-design-icons/ClockPlusOutline.vue'
-import ExpirationIcon from 'vue-material-design-icons/CalendarEnd.vue'
+import ExpirationIcon from 'vue-material-design-icons/CalendarEndOutline.vue'
 import AccountCircleOutlineIcon from 'vue-material-design-icons/AccountCircleOutline.vue'
 
 import { sortTitlesMapping, usePollsStore } from '../../stores/polls'

src/components/Settings/AdminSettings/AdminEmail.vue

@@ -8,7 +8,7 @@ import { computed, ref } from 'vue'
 import { marked } from 'marked'
 import { gfmHeadingId } from 'marked-gfm-heading-id'
 import DOMPurify from 'dompurify'
-import LanguageMarkdownIcon from 'vue-material-design-icons/LanguageMarkdown.vue'
+import LanguageMarkdownIcon from 'vue-material-design-icons/LanguageMarkdownOutline.vue'
 import { t } from '@nextcloud/l10n'
 
 import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch'

src/components/Shares/ShareMenu.vue

@@ -15,16 +15,15 @@ import NcActions from '@nextcloud/vue/components/NcActions'
 import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 
 import ResolveGroupIcon from 'vue-material-design-icons/CallSplit.vue'
-import SendEmailIcon from 'vue-material-design-icons/EmailArrowRight.vue'
-import GrantAdminIcon from 'vue-material-design-icons/ShieldCrown.vue'
-import EditIcon from 'vue-material-design-icons/Pencil.vue'
-import WithdrawAdminIcon from 'vue-material-design-icons/ShieldCrownOutline.vue'
+import SendEmailIcon from 'vue-material-design-icons/EmailArrowRightOutline.vue'
+import EditIcon from 'vue-material-design-icons/PencilOutline.vue'
+import AdminIcon from 'vue-material-design-icons/ShieldCrownOutline.vue'
 import ClippyIcon from 'vue-material-design-icons/ClipboardArrowLeftOutline.vue'
 import QrIcon from 'vue-material-design-icons/Qrcode.vue'
-import LockIcon from 'vue-material-design-icons/Lock.vue'
-import UnlockIcon from 'vue-material-design-icons/LockOpenVariant.vue'
-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/LockOutline.vue'
+import UnlockIcon from 'vue-material-design-icons/LockOpenVariantOutline.vue'
+import DeleteIcon from 'vue-material-design-icons/TrashCanOutline.vue'
+import RestoreIcon from 'vue-material-design-icons/RecycleVariant.vue'
 
 import { useSharesStore } from '../../stores/shares'
 import { usePollGroupsStore } from '../../stores/pollGroups'
@@ -301,8 +300,7 @@ async function submitLabel() {
 			:aria-label="switchAdmin.name"
 			@click="switchAdmin.action">
 			<template #icon>
-				<GrantAdminIcon v-if="share.type === 'user'" />
-				<WithdrawAdminIcon v-else />
+				<AdminIcon />
 			</template>
 		</NcActionButton>
 

src/components/Shares/SharesList.vue

@@ -10,7 +10,7 @@ import { showError } from '@nextcloud/dialogs'
 
 import NcModal from '@nextcloud/vue/components/NcModal'
 
-import ShareIcon from 'vue-material-design-icons/ShareVariant.vue'
+import ShareIcon from 'vue-material-design-icons/ShareVariantOutline.vue'
 
 import QrModal from '../Base/modules/QrModal.vue'
 import ConfigBox from '../Base/modules/ConfigBox.vue'