Add Nc prefix to Nc vue component names

Signed-off-by: Vincent Petry <vincent@nextcloud.com>

4 files changed, 27 insertions, 27 deletions

diff --git a/apps/user_status/src/components/ClearAtSelect.vue b/apps/user_status/src/components/ClearAtSelect.vue
index d0a88ea8255..a2779389691 100644
--- a/apps/user_status/src/components/ClearAtSelect.vue
+++ b/apps/user_status/src/components/ClearAtSelect.vue
@@ -24,7 +24,7 @@
 		<span class="clear-at-select__label">
 			{{ $t('user_status', 'Clear status after') }}
 		</span>
-		<Multiselect label="label"
+		<NcMultiselect label="label"
 			:value="option"
 			:options="options"
 			open-direction="top"
@@ -33,14 +33,14 @@
 </template>
 
 <script>
-import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
+import NcMultiselect from '@nextcloud/vue/dist/Components/NcMultiselect'
 import { getAllClearAtOptions } from '../services/clearAtOptionsService'
 import { clearAtFilter } from '../filters/clearAtFilter'
 
 export default {
 	name: 'ClearAtSelect',
 	components: {
-		Multiselect,
+		NcMultiselect,
 	},
 	props: {
 		clearAt: {
diff --git a/apps/user_status/src/components/SetStatusModal.vue b/apps/user_status/src/components/SetStatusModal.vue
index c5387536e57..4584bd3c849 100644
--- a/apps/user_status/src/components/SetStatusModal.vue
+++ b/apps/user_status/src/components/SetStatusModal.vue
@@ -20,7 +20,7 @@
   -->
 
 <template>
-	<Modal size="normal"
+	<NcModal size="normal"
 		:title="$t('user_status', 'Set status')"
 		@close="closeModal">
 		<div class="set-status-modal">
@@ -41,11 +41,11 @@
 				<h3>{{ $t('user_status', 'Status message') }}</h3>
 			</div>
 			<div class="set-status-modal__custom-input">
-				<EmojiPicker @select="setIcon">
+				<NcEmojiPicker @select="setIcon">
 					<button class="custom-input__emoji-button">
 						{{ visibleIcon }}
 					</button>
-				</EmojiPicker>
+				</NcEmojiPicker>
 				<CustomMessageInput ref="customMessageInput"
 					:message="message"
 					@change="setMessage"
@@ -55,30 +55,30 @@
 			<ClearAtSelect :clear-at="clearAt"
 				@select-clear-at="setClearAt" />
 			<div class="status-buttons">
-				<ButtonVue :wide="true"
+				<NcButton :wide="true"
 					type="tertiary"
 					:text="$t('user_status', 'Clear status message')"
 					:disabled="isSavingStatus"
 					@click="clearStatus">
 					{{ $t('user_status', 'Clear status message') }}
-				</ButtonVue>
-				<ButtonVue :wide="true"
+				</NcButton>
+				<NcButton :wide="true"
 					type="primary"
 					:text="$t('user_status', 'Set status message')"
 					:disabled="isSavingStatus"
 					@click="saveStatus">
 					{{ $t('user_status', 'Set status message') }}
-				</ButtonVue>
+				</NcButton>
 			</div>
 		</div>
-	</Modal>
+	</NcModal>
 </template>
 
 <script>
 import { showError } from '@nextcloud/dialogs'
-import EmojiPicker from '@nextcloud/vue/dist/Components/EmojiPicker'
-import Modal from '@nextcloud/vue/dist/Components/Modal'
-import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
+import NcEmojiPicker from '@nextcloud/vue/dist/Components/NcEmojiPicker'
+import NcModal from '@nextcloud/vue/dist/Components/NcModal'
+import NcButton from '@nextcloud/vue/dist/Components/NcButton'
 import { getAllStatusOptions } from '../services/statusOptionsService'
 import OnlineStatusMixin from '../mixins/OnlineStatusMixin'
 import PredefinedStatusesList from './PredefinedStatusesList'
@@ -92,11 +92,11 @@ export default {
 	components: {
 		ClearAtSelect,
 		CustomMessageInput,
-		EmojiPicker,
-		Modal,
+		NcEmojiPicker,
+		NcModal,
 		OnlineStatusSelect,
 		PredefinedStatusesList,
-		ButtonVue,
+		NcButton,
 	},
 	mixins: [OnlineStatusMixin],
 
diff --git a/apps/user_status/src/menu.js b/apps/user_status/src/menu.js
index 19d21939544..8714df3a1ff 100644
--- a/apps/user_status/src/menu.js
+++ b/apps/user_status/src/menu.js
@@ -26,7 +26,7 @@ import Vue from 'vue'
 import { getRequestToken } from '@nextcloud/auth'
 import UserStatus from './UserStatus'
 import store from './store'
-import Avatar from '@nextcloud/vue/dist/Components/Avatar'
+import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar'
 import { loadState } from '@nextcloud/initial-state'
 
 // eslint-disable-next-line camelcase
@@ -50,8 +50,8 @@ const propsData = {
 	disableTooltip: true,
 }
 
-const AvatarInMenu = Vue.extend(Avatar)
-new AvatarInMenu({ propsData }).$mount('#avatardiv-menu')
+const NcAvatarInMenu = Vue.extend(NcAvatar)
+new NcAvatarInMenu({ propsData }).$mount('#avatardiv-menu')
 
 // Register settings menu entry
 export default new Vue({
diff --git a/apps/user_status/src/views/Dashboard.vue b/apps/user_status/src/views/Dashboard.vue
index b8f68d77fdc..2b24ec6032f 100644
--- a/apps/user_status/src/views/Dashboard.vue
+++ b/apps/user_status/src/views/Dashboard.vue
@@ -27,7 +27,7 @@
 			<DashboardWidgetItem :main-text="item.mainText"
 				:sub-text="item.subText">
 				<template #avatar>
-					<Avatar class="item-avatar"
+					<NcAvatar class="item-avatar"
 						:size="44"
 						:user="item.avatarUsername"
 						:display-name="item.mainText"
@@ -37,12 +37,12 @@
 			</DashboardWidgetItem>
 		</template>
 		<template #empty-content>
-			<EmptyContent id="user_status-widget-empty-content">
+			<NcEmptyContent id="user_status-widget-empty-content">
 				<template #icon>
 					<div class="icon-user-status" />
 				</template>
 				{{ t('user_status', 'No recent status changes') }}
-			</EmptyContent>
+			</NcEmptyContent>
 		</template>
 	</DashboardWidget>
 </template>
@@ -50,17 +50,17 @@
 <script>
 import { DashboardWidget, DashboardWidgetItem } from '@nextcloud/vue-dashboard'
 import { loadState } from '@nextcloud/initial-state'
-import Avatar from '@nextcloud/vue/dist/Components/Avatar'
-import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
+import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar'
+import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent'
 import moment from '@nextcloud/moment'
 
 export default {
 	name: 'Dashboard',
 	components: {
-		Avatar,
+		NcAvatar,
 		DashboardWidget,
 		DashboardWidgetItem,
-		EmptyContent,
+		NcEmptyContent,
 	},
 	data() {
 		return {