Add Nc prefix to Nc vue component names

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

3 files changed, 36 insertions, 36 deletions

diff --git a/core/src/views/Login.vue b/core/src/views/Login.vue
index 0b20f74a87a..0cc8dc39cca 100644
--- a/core/src/views/Login.vue
+++ b/core/src/views/Login.vue
@@ -105,7 +105,7 @@
 		</div>
 
 		<div id="alternative-logins" class="alternative-logins">
-			<ButtonVue v-for="(alternativeLogin, index) in alternativeLogins"
+			<NcButton v-for="(alternativeLogin, index) in alternativeLogins"
 				:key="index"
 				type="primary"
 				:wide="true"
@@ -114,7 +114,7 @@
 				:href="alternativeLogin.href"
 				@click="goTo(alternativeLogin.href)">
 				{{ alternativeLogin.name }}
-			</ButtonVue>
+			</NcButton>
 		</div>
 	</div>
 </template>
@@ -127,7 +127,7 @@ import LoginForm from '../components/login/LoginForm.vue'
 import PasswordLessLoginForm from '../components/login/PasswordLessLoginForm.vue'
 import ResetPassword from '../components/login/ResetPassword.vue'
 import UpdatePassword from '../components/login/UpdatePassword.vue'
-import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
+import NcButton from '@nextcloud/vue/dist/Components/NcButton'
 
 const query = queryString.parse(location.search)
 if (query.clear === '1') {
@@ -148,7 +148,7 @@ export default {
 		PasswordLessLoginForm,
 		ResetPassword,
 		UpdatePassword,
-		ButtonVue,
+		NcButton,
 	},
 
 	data() {
diff --git a/core/src/views/Profile.vue b/core/src/views/Profile.vue
index bf58a89c32e..46cd41d468e 100644
--- a/core/src/views/Profile.vue
+++ b/core/src/views/Profile.vue
@@ -47,7 +47,7 @@
 
 		<div class="profile__content">
 			<div class="profile__sidebar">
-				<Avatar class="avatar"
+				<NcAvatar class="avatar"
 					:class="{ interactive: isCurrentUser }"
 					:user="userId"
 					:size="180"
@@ -69,7 +69,7 @@
 					</PrimaryActionButton>
 					<div class="user-actions__other">
 						<!-- FIXME Remove inline styles after https://github.com/nextcloud/nextcloud-vue/issues/2315 is fixed -->
-						<Actions v-for="action in middleActions"
+						<NcActions v-for="action in middleActions"
 							:key="action.id"
 							:default-icon="action.icon"
 							style="
@@ -80,16 +80,16 @@
 								backgroundImage: `url(${action.icon})`,
 								...(colorMainBackground === '#181818' && { filter: 'invert(1)' })
 							}">
-							<ActionLink :close-after-click="true"
+							<NcActionLink :close-after-click="true"
 								:icon="action.icon"
 								:href="action.target"
 								:target="action.id === 'phone' ? '_self' :'_blank'">
 								{{ action.title }}
-							</ActionLink>
-						</Actions>
+							</NcActionLink>
+						</NcActions>
 						<template v-if="otherActions">
-							<Actions :force-menu="true">
-								<ActionLink v-for="action in otherActions"
+							<NcActions :force-menu="true">
+								<NcActionLink v-for="action in otherActions"
 									:key="action.id"
 									:class="{ 'icon-invert': colorMainBackground === '#181818' }"
 									:close-after-click="true"
@@ -97,8 +97,8 @@
 									:href="action.target"
 									:target="action.id === 'phone' ? '_self' :'_blank'">
 									{{ action.title }}
-								</ActionLink>
-							</Actions>
+								</NcActionLink>
+							</NcActions>
 						</template>
 					</div>
 				</div>
@@ -145,9 +145,9 @@ import { loadState } from '@nextcloud/initial-state'
 import { generateUrl } from '@nextcloud/router'
 import { showError } from '@nextcloud/dialogs'
 
-import Avatar from '@nextcloud/vue/dist/Components/Avatar'
-import Actions from '@nextcloud/vue/dist/Components/Actions'
-import ActionLink from '@nextcloud/vue/dist/Components/ActionLink'
+import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar'
+import NcActions from '@nextcloud/vue/dist/Components/NcActions'
+import NcActionLink from '@nextcloud/vue/dist/Components/NcActionLink'
 import MapMarkerIcon from 'vue-material-design-icons/MapMarker'
 import PencilIcon from 'vue-material-design-icons/Pencil'
 import AccountIcon from 'vue-material-design-icons/Account'
@@ -182,9 +182,9 @@ export default {
 
 	components: {
 		AccountIcon,
-		ActionLink,
-		Actions,
-		Avatar,
+		NcActionLink,
+		NcActions,
+		NcAvatar,
 		MapMarkerIcon,
 		PencilIcon,
 		PrimaryActionButton,
diff --git a/core/src/views/UnifiedSearch.vue b/core/src/views/UnifiedSearch.vue
index 2d2d2d0a254..32e3073b3aa 100644
--- a/core/src/views/UnifiedSearch.vue
+++ b/core/src/views/UnifiedSearch.vue
@@ -66,32 +66,32 @@
 			</form>
 
 			<!-- Search filters -->
-			<Actions v-if="availableFilters.length > 1" class="unified-search__filters" placement="bottom">
-				<ActionButton v-for="type in availableFilters"
+			<NcActions v-if="availableFilters.length > 1" class="unified-search__filters" placement="bottom">
+				<NcActionButton v-for="type in availableFilters"
 					:key="type"
 					icon="icon-filter"
 					:title="t('core', 'Search for {name} only', { name: typesMap[type] })"
 					@click="onClickFilter(`in:${type}`)">
 					{{ `in:${type}` }}
-				</ActionButton>
-			</Actions>
+				</NcActionButton>
+			</NcActions>
 		</div>
 
 		<template v-if="!hasResults">
 			<!-- Loading placeholders -->
 			<SearchResultPlaceholders v-if="isLoading" />
 
-			<EmptyContent v-else-if="isValidQuery">
-				<Highlight v-if="triggered" :text="t('core', 'No results for {query}', { query })" :search="query" />
+			<NcEmptyContent v-else-if="isValidQuery">
+				<NcHighlight v-if="triggered" :text="t('core', 'No results for {query}', { query })" :search="query" />
 				<div v-else>
 					{{ t('core', 'Press enter to start searching') }}
 				</div>
 				<template #icon>
 					<Magnify />
 				</template>
-			</EmptyContent>
+			</NcEmptyContent>
 
-			<EmptyContent v-else-if="!isLoading || isShortQuery">
+			<NcEmptyContent v-else-if="!isLoading || isShortQuery">
 				{{ t('core', 'Start typing to search') }}
 				<template #icon>
 					<Magnify />
@@ -103,7 +103,7 @@
 						minSearchLength,
 						{minSearchLength}) }}
 				</template>
-			</EmptyContent>
+			</NcEmptyContent>
 		</template>
 
 		<!-- Grouped search results -->
@@ -142,11 +142,11 @@ import { emit } from '@nextcloud/event-bus'
 import { minSearchLength, getTypes, search, defaultLimit, regexFilterIn, regexFilterNot, enableLiveSearch } from '../services/UnifiedSearchService'
 import { showError } from '@nextcloud/dialogs'
 
-import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
-import Actions from '@nextcloud/vue/dist/Components/Actions'
+import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton'
+import NcActions from '@nextcloud/vue/dist/Components/NcActions'
 import debounce from 'debounce'
-import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
-import Highlight from '@nextcloud/vue/dist/Components/Highlight'
+import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent'
+import NcHighlight from '@nextcloud/vue/dist/Components/NcHighlight'
 import Magnify from 'vue-material-design-icons/Magnify'
 
 import HeaderMenu from '../components/HeaderMenu'
@@ -161,11 +161,11 @@ export default {
 	name: 'UnifiedSearch',
 
 	components: {
-		ActionButton,
-		Actions,
-		EmptyContent,
+		NcActionButton,
+		NcActions,
+		NcEmptyContent,
 		HeaderMenu,
-		Highlight,
+		NcHighlight,
 		Magnify,
 		SearchResult,
 		SearchResultPlaceholders,