dep/nextcloud-vue-6

Signed-off-by: dartcafe <github@dartcafe.de>

11 files changed, 135 insertions, 135 deletions

diff --git a/src/js/views/AdminSettingsPage.vue b/src/js/views/AdminSettingsPage.vue
index 23dad191..92dca7be 100644
--- a/src/js/views/AdminSettingsPage.vue
+++ b/src/js/views/AdminSettingsPage.vue
@@ -22,38 +22,38 @@
 
 <template>
 	<div class="polls_admin_settings">
-		<SettingsSection :title="t('polls', 'Share restrictions')"
+		<NcSettingsSection :title="t('polls', 'Share restrictions')"
 			:description="t('polls', 'Restrict the share actions globally or on a group base')">
 			<AdminShareSettings />
-		</SettingsSection>
+		</NcSettingsSection>
 
-		<SettingsSection :title="t('polls', 'Poll creation restrictions')"
+		<NcSettingsSection :title="t('polls', 'Poll creation restrictions')"
 			:description="t('polls', 'Restrict the creation of new polls globally or on a group base')">
 			<AdminPollCreation />
-		</SettingsSection>
+		</NcSettingsSection>
 
-		<SettingsSection :title="t('polls', 'Legal terms for public poll registration')"
+		<NcSettingsSection :title="t('polls', 'Legal terms for public poll registration')"
 			:description="t('polls', 'Override the default links of your site to your legal terms. Leave empty to use the links, which are configured in the theming app.')">
 			<AdminLegal />
-		</SettingsSection>
+		</NcSettingsSection>
 
-		<SettingsSection :title="t('polls', 'Email options')"
+		<NcSettingsSection :title="t('polls', 'Email options')"
 			:description="t('polls', 'Add links to legal terms, if they exist and add an optional disclaimer to emails.')">
 			<AdminEmail />
-		</SettingsSection>
+		</NcSettingsSection>
 
-		<SettingsSection :title="t('polls', 'Other settings')"
+		<NcSettingsSection :title="t('polls', 'Other settings')"
 			:description="t('polls', 'Activate or disable individual features.')">
 			<AdminMisc />
 			<AdminCombo />
 			<AdminPollDownload />
 			<AdminHideMailAddresses />
-		</SettingsSection>
+		</NcSettingsSection>
 
-		<SettingsSection :title="t('polls', 'Performance settings')"
+		<NcSettingsSection :title="t('polls', 'Performance settings')"
 			:description="t('polls', 'If you are experiencing connection problems, change how auto updates are retrieved.')">
 			<AdminPerformance />
-		</SettingsSection>
+		</NcSettingsSection>
 	</div>
 </template>
 
@@ -67,7 +67,7 @@ import AdminPollCreation from '../components/Settings/AdminSettings/AdminPollCre
 import AdminPollDownload from '../components/Settings/AdminSettings/AdminPollDownload.vue'
 import AdminShareSettings from '../components/Settings/AdminSettings/AdminShareSettings.vue'
 import AdminHideMailAddresses from '../components/Settings/AdminSettings/AdminHideMailAddresses.vue'
-import { SettingsSection } from '@nextcloud/vue'
+import { NcSettingsSection } from '@nextcloud/vue'
 import '../assets/scss/markdown.scss'
 
 export default {
@@ -83,7 +83,7 @@ export default {
 		AdminPollDownload,
 		AdminShareSettings,
 		AdminHideMailAddresses,
-		SettingsSection,
+		NcSettingsSection,
 	},
 
 	created() {
diff --git a/src/js/views/Administration.vue b/src/js/views/Administration.vue
index 106dd8ea..c6eb2481 100644
--- a/src/js/views/Administration.vue
+++ b/src/js/views/Administration.vue
@@ -30,7 +30,7 @@
 		</HeaderBar>
 
 		<div class="area__main">
-			<EmptyContent v-if="noPolls">
+			<NcEmptyContent v-if="noPolls">
 				<template #icon>
 					<PollsAppIcon />
 				</template>
@@ -38,7 +38,7 @@
 					{{ t('polls', 'Add one or change category!') }}
 				</template>
 				{{ t('polls', 'No polls found for this category') }}
-			</EmptyContent>
+			</NcEmptyContent>
 
 			<transition-group v-else
 				name="list"
@@ -55,26 +55,26 @@
 					:poll="poll"
 					no-link>
 					<template #actions>
-						<Actions :force-menu="true">
-							<ActionButton icon="icon-add"
+						<NcActions :force-menu="true">
+							<NcActionButton icon="icon-add"
 								:close-after-click="true"
 								@click="confirmTakeOver(poll.id, poll.owner)">
 								{{ t('polls', 'Take over') }}
-							</ActionButton>
+							</NcActionButton>
 
-							<ActionButton :icon="poll.deleted ? 'icon-history' : 'icon-category-app-bundles'"
+							<NcActionButton :icon="poll.deleted ? 'icon-history' : 'icon-category-app-bundles'"
 								:close-after-click="true"
 								@click="toggleArchive(poll.id)">
 								{{ poll.deleted ? t('polls', 'Restore poll') : t('polls', 'Archive poll') }}
-							</ActionButton>
+							</NcActionButton>
 
-							<ActionButton icon="icon-delete"
+							<NcActionButton icon="icon-delete"
 								class="danger"
 								:close-after-click="true"
 								@click="confirmDelete(poll.id, poll.owner)">
 								{{ t('polls', 'Delete poll') }}
-							</ActionButton>
-						</Actions>
+							</NcActionButton>
+						</NcActions>
 					</template>
 				</PollItem>
 			</transition-group>
@@ -82,23 +82,23 @@
 
 		<LoadingOverlay v-if="isLoading" />
 
-		<Modal v-if="takeOverModal" size="small" @close="takeOverModal = false">
+		<NcModal v-if="takeOverModal" size="small" @close="takeOverModal = false">
 			<div class="modal__content">
 				<h2>{{ t('polls', 'Do you want to take over this poll?') }}</h2>
 				<div>{{ t('polls', '{username} will get notified.', {username: currentPoll.owner.displayName}) }}</div>
 				<div class="modal__buttons">
-					<VueButton @click="takeOverModal = false">
+					<NcButton @click="takeOverModal = false">
 						{{ t('polls', 'No') }}
-					</VueButton>
+					</NcButton>
 
-					<VueButton type="primary" @click="takeOverPoll()">
+					<NcButton type="primary" @click="takeOverPoll()">
 						{{ t('polls', 'Yes') }}
-					</VueButton>
+					</NcButton>
 				</div>
 			</div>
-		</Modal>
+		</NcModal>
 
-		<Modal v-if="deleteModal" size="small" @close="deleteModal = false">
+		<NcModal v-if="deleteModal" size="small" @close="deleteModal = false">
 			<div class="modal__content">
 				<h2>{{ t('polls', 'Do you want to delete this poll?') }}</h2>
 				<div>
@@ -106,16 +106,16 @@
 					{{ t('polls', '{username} will get notified.', {username: currentPoll.owner.displayName}) }}
 				</div>
 				<div class="modal__buttons">
-					<VueButton @click="deleteModal = false">
+					<NcButton @click="deleteModal = false">
 						{{ t('polls', 'No') }}
-					</VueButton>
+					</NcButton>
 
-					<VueButton type="primary" @click="deletePoll()">
+					<NcButton type="primary" @click="deletePoll()">
 						{{ t('polls', 'Yes') }}
-					</VueButton>
+					</NcButton>
 				</div>
 			</div>
-		</Modal>
+		</NcModal>
 	</AppContent>
 </template>
 
@@ -123,7 +123,7 @@
 import { mapGetters } from 'vuex'
 import { showError } from '@nextcloud/dialogs'
 import { emit } from '@nextcloud/event-bus'
-import { Actions, ActionButton, AppContent, Button as VueButton, EmptyContent, Modal } from '@nextcloud/vue'
+import { NcActions, NcActionButton, AppContent, NcButton, NcEmptyContent, NcModal } from '@nextcloud/vue'
 import { sortBy } from 'lodash'
 import HeaderBar from '../components/Base/HeaderBar.vue'
 import PollsAppIcon from '../components/AppIcons/PollsAppIcon.vue'
@@ -133,12 +133,12 @@ export default {
 
 	components: {
 		AppContent,
-		Actions,
-		ActionButton,
-		EmptyContent,
+		NcActions,
+		NcActionButton,
+		NcEmptyContent,
 		HeaderBar,
-		Modal,
-		VueButton,
+		NcModal,
+		NcButton,
 		PollsAppIcon,
 		LoadingOverlay: () => import('../components/Base/LoadingOverlay.vue'),
 		PollItem: () => import('../components/PollList/PollItem.vue'),
diff --git a/src/js/views/Combo.vue b/src/js/views/Combo.vue
index b2c27f2c..690ad9db 100644
--- a/src/js/views/Combo.vue
+++ b/src/js/views/Combo.vue
@@ -21,7 +21,7 @@
   -->
 
 <template>
-	<AppContent>
+	<NcAppContent>
 		<HeaderBar class="area__header">
 			<template #title>
 				{{ title }}
@@ -37,7 +37,7 @@
 		<div class="area__main">
 			<ComboTable v-show="polls.length" />
 
-			<EmptyContent v-if="!polls.length">
+			<NcEmptyContent v-if="!polls.length">
 				<template #icon>
 					<PollsAppIcon />
 				</template>
@@ -45,16 +45,16 @@
 					{{ t('polls', 'Select polls by clicking on them in the right sidebar!') }}
 				</template>
 				{{ t('polls', 'No polls selected') }}
-			</EmptyContent>
+			</NcEmptyContent>
 		</div>
 
 		<LoadingOverlay v-if="isLoading" />
-	</AppContent>
+	</NcAppContent>
 </template>
 
 <script>
 import { mapActions, mapGetters, mapState } from 'vuex'
-import { AppContent, EmptyContent } from '@nextcloud/vue'
+import { NcAppContent, NcEmptyContent } from '@nextcloud/vue'
 import { emit } from '@nextcloud/event-bus'
 import ComboTable from '../components/Combo/ComboTable.vue'
 import ActionToggleSidebar from '../components/Actions/ActionToggleSidebar.vue'
@@ -66,9 +66,9 @@ export default {
 
 	components: {
 		ActionToggleSidebar,
-		AppContent,
+		NcAppContent,
 		ComboTable,
-		EmptyContent,
+		NcEmptyContent,
 		HeaderBar,
 		PollsAppIcon,
 		LoadingOverlay: () => import('../components/Base/LoadingOverlay.vue'),
diff --git a/src/js/views/Navigation.vue b/src/js/views/Navigation.vue
index be3a618a..31066232 100644
--- a/src/js/views/Navigation.vue
+++ b/src/js/views/Navigation.vue
@@ -21,15 +21,15 @@
   -->
 
 <template lang="html">
-	<AppNavigation>
-		<AppNavigationNew v-if="isPollCreationAllowed"
+	<NcAppNavigation>
+		<NcAppNavigationNew v-if="isPollCreationAllowed"
 			button-class="icon-add"
 			:text="t('polls', 'Add new Poll')"
 			@click="toggleCreateDlg" />
 		<CreateDlg v-show="createDlg" ref="createDlg" @close-create="closeCreate()" />
 
 		<template #list>
-			<AppNavigationItem v-for="(pollCategory) in pollCategories"
+			<NcAppNavigationItem v-for="(pollCategory) in pollCategories"
 				:key="pollCategory.id"
 				:title="pollCategory.title"
 				:allow-collapse="true"
@@ -47,37 +47,37 @@
 						@clone-poll="clonePoll(poll.id)"
 						@delete-poll="deletePoll(poll.id)" />
 				</ul>
-			</AppNavigationItem>
+			</NcAppNavigationItem>
 		</template>
 
 		<template #footer>
-			<AppNavigationItem v-if="isComboActivated"
+			<NcAppNavigationItem v-if="isComboActivated"
 				:title="t('polls', 'Combine polls')"
 				:to="{ name: 'combo' }">
 				<template #icon>
 					<ComboIcon :size="iconSize" />
 				</template>
-			</AppNavigationItem>
-			<AppNavigationItem v-if="showAdminSection"
+			</NcAppNavigationItem>
+			<NcAppNavigationItem v-if="showAdminSection"
 				:title="t('polls', 'Administration')"
 				:to="{ name: 'administration' }">
 				<template #icon>
 					<AdministrationIcon :size="iconSize" />
 				</template>
-			</AppNavigationItem>
-			<AppNavigationItem :title="t('polls', 'Personal settings')"
+			</NcAppNavigationItem>
+			<NcAppNavigationItem :title="t('polls', 'Personal settings')"
 				@click="showSettings()">
 				<template #icon>
 					<SettingsIcon :size="iconSize" />
 				</template>
-			</AppNavigationItem>
+			</NcAppNavigationItem>
 		</template>
-	</AppNavigation>
+	</NcAppNavigation>
 </template>
 
 <script>
 
-import { AppNavigation, AppNavigationNew, AppNavigationItem } from '@nextcloud/vue'
+import { NcAppNavigation, NcAppNavigationNew, NcAppNavigationItem } from '@nextcloud/vue'
 import { mapGetters, mapState } from 'vuex'
 import { getCurrentUser } from '@nextcloud/auth'
 import { showError } from '@nextcloud/dialogs'
@@ -99,9 +99,9 @@ import ArchivedPollsIcon from 'vue-material-design-icons/Archive.vue'
 export default {
 	name: 'Navigation',
 	components: {
-		AppNavigation,
-		AppNavigationNew,
-		AppNavigationItem,
+		NcAppNavigation,
+		NcAppNavigationNew,
+		NcAppNavigationItem,
 		CreateDlg,
 		PollNavigationItems,
 		ComboIcon,
diff --git a/src/js/views/NotFound.vue b/src/js/views/NotFound.vue
index e1529103..497e3b17 100644
--- a/src/js/views/NotFound.vue
+++ b/src/js/views/NotFound.vue
@@ -21,8 +21,8 @@
   -->
 
 <template>
-	<AppContent>
-		<EmptyContent icon="icon-search">
+	<NcAppContent>
+		<NcEmptyContent icon="icon-search">
 			{{ t('polls', '404 - poll not found') }}
 			<template #desc>
 				<p v-if="getCurrentUser()">
@@ -32,19 +32,19 @@
 					{{ t('polls', 'Goto Nextcloud') }}
 				</button>
 			</template>
-		</EmptyContent>
-	</AppContent>
+		</NcEmptyContent>
+	</NcAppContent>
 </template>
 
 <script>
-import { AppContent, EmptyContent } from '@nextcloud/vue'
+import { NcAppContent, NcEmptyContent } from '@nextcloud/vue'
 import { generateUrl } from '@nextcloud/router'
 
 export default {
 	name: 'NotFound',
 	components: {
-		AppContent,
-		EmptyContent,
+		NcAppContent,
+		NcEmptyContent,
 	},
 
 	methods: {
diff --git a/src/js/views/PollList.vue b/src/js/views/PollList.vue
index da2a7ca3..76d622fd 100644
--- a/src/js/views/PollList.vue
+++ b/src/js/views/PollList.vue
@@ -21,7 +21,7 @@
   -->
 
 <template>
-	<AppContent class="poll-list">
+	<NcAppContent class="poll-list">
 		<HeaderBar class="area__header">
 			<template #title>
 				{{ title }}
@@ -30,7 +30,7 @@
 		</HeaderBar>
 
 		<div class="area__main">
-			<EmptyContent v-if="noPolls">
+			<NcEmptyContent v-if="noPolls">
 				<template #icon>
 					<PollsAppIcon />
 				</template>
@@ -38,7 +38,7 @@
 					{{ t('polls', 'Add one or change category!') }}
 				</template>
 				{{ t('polls', 'No polls found for this category') }}
-			</EmptyContent>
+			</NcEmptyContent>
 
 			<transition-group v-else
 				name="list"
@@ -54,35 +54,35 @@
 					@goto-poll="gotoPoll(poll.id)"
 					@load-poll="loadPoll(poll.id)">
 					<template #actions>
-						<Actions force-menu>
-							<ActionButton v-if="isPollCreationAllowed"
+						<NcActions force-menu>
+							<NcActionButton v-if="isPollCreationAllowed"
 								:close-after-click="true"
 								@click="clonePoll(poll.id)">
 								<template #icon>
 									<ClonePollIcon />
 								</template>
 								{{ t('polls', 'Clone poll') }}
-							</ActionButton>
+							</NcActionButton>
 
-							<ActionButton v-if="poll.allowEdit && !poll.deleted"
+							<NcActionButton v-if="poll.allowEdit && !poll.deleted"
 								:close-after-click="true"
 								@click="toggleArchive(poll.id)">
 								<template #icon>
 									<ArchivePollIcon />
 								</template>
 								{{ t('polls', 'Archive poll') }}
-							</ActionButton>
+							</NcActionButton>
 
-							<ActionButton v-if="poll.allowEdit && poll.deleted"
+							<NcActionButton v-if="poll.allowEdit && poll.deleted"
 								:close-after-click="true"
 								@click="toggleArchive(poll.id)">
 								<template #icon>
 									<RestorePollIcon />
 								</template>
 								{{ t('polls', 'Restore poll') }}
-							</ActionButton>
+							</NcActionButton>
 
-							<ActionButton v-if="poll.allowEdit && poll.deleted"
+							<NcActionButton v-if="poll.allowEdit && poll.deleted"
 								class="danger"
 								:close-after-click="true"
 								@click="deletePoll(poll.id)">
@@ -90,21 +90,21 @@
 									<DeletePollIcon />
 								</template>
 								{{ t('polls', 'Delete poll') }}
-							</ActionButton>
-						</Actions>
+							</NcActionButton>
+						</NcActions>
 					</template>
 				</PollItem>
 			</transition-group>
 		</div>
 		<LoadingOverlay v-if="isLoading" />
-	</AppContent>
+	</NcAppContent>
 </template>
 
 <script>
 import { mapGetters, mapState, mapActions } from 'vuex'
 import { showError } from '@nextcloud/dialogs'
 import { emit } from '@nextcloud/event-bus'
-import { Actions, ActionButton, AppContent, EmptyContent } from '@nextcloud/vue'
+import { NcActions, NcActionButton, NcAppContent, NcEmptyContent } from '@nextcloud/vue'
 import HeaderBar from '../components/Base/HeaderBar.vue'
 import DeletePollIcon from 'vue-material-design-icons/Delete.vue'
 import ClonePollIcon from 'vue-material-design-icons/ContentCopy.vue'
@@ -116,10 +116,10 @@ export default {
 	name: 'PollList',
 
 	components: {
-		AppContent,
-		Actions,
-		ActionButton,
-		EmptyContent,
+		NcAppContent,
+		NcActions,
+		NcActionButton,
+		NcEmptyContent,
 		HeaderBar,
 		DeletePollIcon,
 		ClonePollIcon,
diff --git a/src/js/views/PollSelector.vue b/src/js/views/PollSelector.vue
index fdf73293..6c274e04 100644
--- a/src/js/views/PollSelector.vue
+++ b/src/js/views/PollSelector.vue
@@ -22,7 +22,7 @@
   -->

 

 <template>

-	<Modal :container="container"

+	<NcModal :container="container"

 		@close="close">

 		<div id="modal-inner" class="polls-picker-modal" :class="{ 'icon-loading': loading }">

 			<div id="modal-content">

@@ -58,18 +58,18 @@
 				</div>

 			</div>

 		</div>

-	</Modal>

+	</NcModal>

 </template>

 

 <script>

 import { mapActions, mapGetters } from 'vuex'

-import { Modal } from '@nextcloud/vue'

+import { NcModal } from '@nextcloud/vue'

 import UserItem from '../components/User/UserItem.vue'

 

 export default {

 	name: 'PollSelector',

 	components: {

-		Modal,

+		NcModal,

 		UserItem,

 	},

 	props: {

diff --git a/src/js/views/SideBar.vue b/src/js/views/SideBar.vue
index 3a0caba1..759b7414 100644
--- a/src/js/views/SideBar.vue
+++ b/src/js/views/SideBar.vue
@@ -21,11 +21,11 @@
   -->
 
 <template>
-	<AppSidebar ref="sideBar"
+	<NcAppSidebar ref="sideBar"
 		:active="active"
 		:title="t('polls', 'Details')"
 		@close="closeSideBar()">
-		<AppSidebarTab v-if="acl.allowEdit"
+		<NcAppSidebarTab v-if="acl.allowEdit"
 			:id="'configuration'"
 			:order="1"
 			:name="t('polls', 'Configuration')">
@@ -33,9 +33,9 @@
 				<SidebarConfigurationIcon />
 			</template>
 			<SideBarTabConfiguration />
-		</AppSidebarTab>
+		</NcAppSidebarTab>
 
-		<AppSidebarTab v-if="acl.allowEdit"
+		<NcAppSidebarTab v-if="acl.allowEdit"
 			:id="'options'"
 			:order="2"
 			:name="t('polls', 'Options')">
@@ -43,9 +43,9 @@
 				<SidebarOptionsIcon />
 			</template>
 			<SideBarTabOptions />
-		</AppSidebarTab>
+		</NcAppSidebarTab>
 
-		<AppSidebarTab v-if="acl.allowEdit"
+		<NcAppSidebarTab v-if="acl.allowEdit"
 			:id="'sharing'"
 			:order="3"
 			:name="t('polls', 'Sharing')">
@@ -53,9 +53,9 @@
 				<SidebarShareIcon />
 			</template>
 			<SideBarTabShare />
-		</AppSidebarTab>
+		</NcAppSidebarTab>
 
-		<AppSidebarTab v-if="acl.loggedIn && useCollaboration"
+		<NcAppSidebarTab v-if="acl.loggedIn && useCollaboration"
 			:id="'collaboration'"
 			:order="4"
 			:name="t('polls', 'Collaboration')">
@@ -63,9 +63,9 @@
 				<SidebarProjectsIcon />
 			</template>
 			<SideBarTabCollaboration />
-		</AppSidebarTab>
+		</NcAppSidebarTab>
 
-		<AppSidebarTab v-if="acl.allowComment"
+		<NcAppSidebarTab v-if="acl.allowComment"
 			:id="'comments'"
 			:order="5"
 			:name="t('polls', 'Comments')">
@@ -73,9 +73,9 @@
 				<SidebarCommentsIcon />
 			</template>
 			<SideBarTabComments />
-		</AppSidebarTab>
+		</NcAppSidebarTab>
 
-		<AppSidebarTab v-if="acl.allowEdit && useActivity"
+		<NcAppSidebarTab v-if="acl.allowEdit && useActivity"
 			:id="'activity'"
 			:order="6"
 			:name="t('polls', 'Activity')">
@@ -83,12 +83,12 @@
 				<SidebarActivityIcon />
 			</template>
 			<SideBarTabActivity />
-		</AppSidebarTab>
-	</AppSidebar>
+		</NcAppSidebarTab>
+	</NcAppSidebar>
 </template>
 
 <script>
-import { AppSidebar, AppSidebarTab } from '@nextcloud/vue'
+import { NcAppSidebar, NcAppSidebarTab } from '@nextcloud/vue'
 import { mapState } from 'vuex'
 import { emit } from '@nextcloud/event-bus'
 import SidebarConfigurationIcon from 'vue-material-design-icons/Wrench.vue'
@@ -108,8 +108,8 @@ export default {
 		SideBarTabShare: () => import('../components/SideBar/SideBarTabShare.vue'),
 		SideBarTabCollaboration: () => import('../components/SideBar/SideBarTabCollaboration.vue'),
 		SideBarTabActivity: () => import('../components/SideBar/SideBarTabActivity.vue'),
-		AppSidebar,
-		AppSidebarTab,
+		NcAppSidebar,
+		NcAppSidebarTab,
 		SidebarActivityIcon,
 		SidebarConfigurationIcon,
 		SidebarOptionsIcon,
diff --git a/src/js/views/SideBarCombo.vue b/src/js/views/SideBarCombo.vue
index e5c4c8b5..695f4fda 100644
--- a/src/js/views/SideBarCombo.vue
+++ b/src/js/views/SideBarCombo.vue
@@ -21,23 +21,23 @@
   -->
 
 <template>
-	<AppSidebar ref="sideBar"
+	<NcAppSidebar ref="sideBar"
 		:active="active"
 		:title="t('polls', 'Select polls to combine')"
 		@close="closeSideBar()">
-		<AppSidebarTab :id="'polls'"
+		<NcAppSidebarTab :id="'polls'"
 			:order="1"
 			:name="t('polls', 'Polls')">
 			<template #icon>
 				<PollsAppIcon />
 			</template>
 			<SideBarTabDatePolls />
-		</AppSidebarTab>
-	</AppSidebar>
+		</NcAppSidebarTab>
+	</NcAppSidebar>
 </template>
 
 <script>
-import { AppSidebar, AppSidebarTab } from '@nextcloud/vue'
+import { NcAppSidebar, NcAppSidebarTab } from '@nextcloud/vue'
 import { mapGetters } from 'vuex'
 import { emit } from '@nextcloud/event-bus'
 import PollsAppIcon from '../components/AppIcons/PollsAppIcon.vue'
@@ -47,8 +47,8 @@ export default {
 
 	components: {
 		SideBarTabDatePolls: () => import('../components/SideBar/SideBarTabDatePolls.vue'),
-		AppSidebar,
-		AppSidebarTab,
+		NcAppSidebar,
+		NcAppSidebarTab,
 		PollsAppIcon,
 	},
 
diff --git a/src/js/views/UserSettingsPage.vue b/src/js/views/UserSettingsPage.vue
index 64de3e7a..4280ef48 100644
--- a/src/js/views/UserSettingsPage.vue
+++ b/src/js/views/UserSettingsPage.vue
@@ -22,35 +22,35 @@
 
 <template>
 	<div class="polls_user_settings">
-		<SettingsSection :title="t('polls', 'Calendar check')"
+		<NcSettingsSection :title="t('polls', 'Calendar check')"
 			:description="t('polls', 'Search for conflicting calendar entries')">
 			<CalendarSettings />
-		</SettingsSection>
-		<SettingsSection :title="t('polls', 'Polls user settings')"
+		</NcSettingsSection>
+		<NcSettingsSection :title="t('polls', 'Polls user settings')"
 			:description="t('polls', 'Set your personal preferences for the polls app')">
 			<FeatureSettings />
-		</SettingsSection>
+		</NcSettingsSection>
 
-		<SettingsSection :title="t('polls', 'Performance settings')"
+		<NcSettingsSection :title="t('polls', 'Performance settings')"
 			:description="t('polls', 'Try to change these parameters to handle big polls')">
 			<PerformanceSettings />
-		</SettingsSection>
+		</NcSettingsSection>
 
-		<SettingsSection :title="t('polls', 'Experimental styles')"
+		<NcSettingsSection :title="t('polls', 'Experimental styles')"
 			:description="t('polls', 'Some visual styling options.')">
 			<StyleSettings />
-		</SettingsSection>
+		</NcSettingsSection>
 	</div>
 </template>
 
 <script>
 
-import { SettingsSection } from '@nextcloud/vue'
+import { NcSettingsSection } from '@nextcloud/vue'
 export default {
 	name: 'UserSettingsPage',
 
 	components: {
-		SettingsSection,
+		NcSettingsSection,
 		CalendarSettings: () => import('../components/Settings/UserSettings/CalendarSettings.vue'),
 		FeatureSettings: () => import('../components/Settings/UserSettings/FeatureSettings.vue'),
 		StyleSettings: () => import('../components/Settings/UserSettings/StyleSettings.vue'),
diff --git a/src/js/views/Vote.vue b/src/js/views/Vote.vue
index cab067c2..0042a9d5 100644
--- a/src/js/views/Vote.vue
+++ b/src/js/views/Vote.vue
@@ -21,7 +21,7 @@
   -->
 
 <template>
-	<AppContent :class="[{ closed: closed }, poll.type]">
+	<NcAppContent :class="[{ closed: closed }, poll.type]">
 		<HeaderBar class="area__header">
 			<template #title>
 				{{ poll.title }}
@@ -47,7 +47,7 @@
 			<div class="area__main" :class="viewMode">
 				<VoteTable v-show="options.length" :view-mode="viewMode" />
 
-				<EmptyContent v-if="!options.length">
+				<NcEmptyContent v-if="!options.length">
 					<template #icon>
 						<TextPollIcon v-if="poll.type === 'textPoll'" />
 						<DatePollIcon v-else />
@@ -61,7 +61,7 @@
 							{{ t('polls', 'Maybe the owner did not provide some until now.') }}
 						</div>
 					</template>
-				</EmptyContent>
+				</NcEmptyContent>
 			</div>
 
 			<div v-if="countHiddenParticipants" class="area__footer">
@@ -80,12 +80,12 @@
 
 		<PublicRegisterModal v-if="showRegisterModal" />
 		<LoadingOverlay v-if="isLoading" />
-	</AppContent>
+	</NcAppContent>
 </template>
 
 <script>
 import { mapState, mapGetters } from 'vuex'
-import { AppContent, EmptyContent } from '@nextcloud/vue'
+import { NcAppContent, NcEmptyContent } from '@nextcloud/vue'
 import { emit } from '@nextcloud/event-bus'
 import MarkUpDescription from '../components/Poll/MarkUpDescription.vue'
 import PollInfoLine from '../components/Poll/PollInfoLine.vue'
@@ -99,8 +99,8 @@ export default {
 	name: 'Vote',
 	components: {
 		ActionSendConfirmedOptions,
-		AppContent,
-		EmptyContent,
+		NcAppContent,
+		NcEmptyContent,
 		HeaderBar,
 		MarkUpDescription,
 		PollHeaderButtons,