Add Nc prefix to Nc vue component names

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

4 files changed, 36 insertions, 36 deletions

diff --git a/apps/files/src/components/SidebarTab.vue b/apps/files/src/components/SidebarTab.vue
index ad80f91d431..c0f5a7d4416 100644
--- a/apps/files/src/components/SidebarTab.vue
+++ b/apps/files/src/components/SidebarTab.vue
@@ -21,30 +21,30 @@
   -
   -->
 <template>
-	<AppSidebarTab :id="id"
+	<NcAppSidebarTab :id="id"
 		ref="tab"
 		:name="name"
 		:icon="icon"
 		@bottomReached="onScrollBottomReached">
 		<!-- Fallback loading -->
-		<EmptyContent v-if="loading" icon="icon-loading" />
+		<NcEmptyContent v-if="loading" icon="icon-loading" />
 
 		<!-- Using a dummy div as Vue mount replace the element directly
 			It does NOT append to the content -->
 		<div ref="mount" />
-	</AppSidebarTab>
+	</NcAppSidebarTab>
 </template>
 
 <script>
-import AppSidebarTab from '@nextcloud/vue/dist/Components/AppSidebarTab'
-import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
+import NcAppSidebarTab from '@nextcloud/vue/dist/Components/NcAppSidebarTab'
+import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent'
 
 export default {
 	name: 'SidebarTab',
 
 	components: {
-		AppSidebarTab,
-		EmptyContent,
+		NcAppSidebarTab,
+		NcEmptyContent,
 	},
 
 	props: {
diff --git a/apps/files/src/components/TransferOwnershipDialogue.vue b/apps/files/src/components/TransferOwnershipDialogue.vue
index 90af77175af..67840b18829 100644
--- a/apps/files/src/components/TransferOwnershipDialogue.vue
+++ b/apps/files/src/components/TransferOwnershipDialogue.vue
@@ -25,19 +25,19 @@
 		<form @submit.prevent="submit">
 			<p class="transfer-select-row">
 				<span>{{ readableDirectory }}</span>
-				<ButtonVue v-if="directory === undefined" @click.prevent="start">
+				<NcButton v-if="directory === undefined" @click.prevent="start">
 					{{ t('files', 'Choose file or folder to transfer') }}
-				</ButtonVue>
-				<ButtonVue v-else @click.prevent="start">
+				</NcButton>
+				<NcButton v-else @click.prevent="start">
 					{{ t('files', 'Change') }}
-				</ButtonVue>
+				</NcButton>
 				<span class="error">{{ directoryPickerError }}</span>
 			</p>
 			<p class="new-owner-row">
 				<label for="targetUser">
 					<span>{{ t('files', 'New owner') }}</span>
 				</label>
-				<Multiselect id="targetUser"
+				<NcMultiselect id="targetUser"
 					v-model="selectedUser"
 					:options="formatedUserSuggestions"
 					:multiple="false"
@@ -70,9 +70,9 @@ import axios from '@nextcloud/axios'
 import debounce from 'debounce'
 import { generateOcsUrl } from '@nextcloud/router'
 import { getFilePickerBuilder, showSuccess } from '@nextcloud/dialogs'
-import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
+import NcMultiselect from '@nextcloud/vue/dist/Components/NcMultiselect'
 import Vue from 'vue'
-import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
+import NcButton from '@nextcloud/vue/dist/Components/NcButton'
 
 import logger from '../logger'
 
@@ -86,8 +86,8 @@ const picker = getFilePickerBuilder(t('files', 'Choose a file or folder to trans
 export default {
 	name: 'TransferOwnershipDialogue',
 	components: {
-		Multiselect,
-		ButtonVue,
+		NcMultiselect,
+		NcButton,
 	},
 	data() {
 		return {
diff --git a/apps/files/src/views/Sidebar.vue b/apps/files/src/views/Sidebar.vue
index 8fbf7a917f7..36ebef7d070 100644
--- a/apps/files/src/views/Sidebar.vue
+++ b/apps/files/src/views/Sidebar.vue
@@ -21,7 +21,7 @@
   -->
 
 <template>
-	<AppSidebar v-if="file"
+	<NcAppSidebar v-if="file"
 		ref="sidebar"
 		v-bind="appSidebar"
 		:force-menu="true"
@@ -45,18 +45,18 @@
 		<template v-if="fileInfo" #secondary-actions>
 			<!-- TODO: create proper api for apps to register actions
 			And inject themselves here. -->
-			<ActionButton v-if="isSystemTagsEnabled"
+			<NcActionButton v-if="isSystemTagsEnabled"
 				:close-after-click="true"
 				icon="icon-tag"
 				@click="toggleTags">
 				{{ t('files', 'Tags') }}
-			</ActionButton>
+			</NcActionButton>
 		</template>
 
 		<!-- Error display -->
-		<EmptyContent v-if="error" icon="icon-error">
+		<NcEmptyContent v-if="error" icon="icon-error">
 			{{ error }}
-		</EmptyContent>
+		</NcEmptyContent>
 
 		<!-- If fileInfo fetch is complete, render tabs -->
 		<template v-for="tab in tabs" v-else-if="fileInfo">
@@ -73,7 +73,7 @@
 				:on-scroll-bottom-reached="tab.scrollBottomReached"
 				:file-info="fileInfo" />
 		</template>
-	</AppSidebar>
+	</NcAppSidebar>
 </template>
 <script>
 import { encodePath } from '@nextcloud/paths'
@@ -83,9 +83,9 @@ import { emit } from '@nextcloud/event-bus'
 import moment from '@nextcloud/moment'
 import { Type as ShareTypes } from '@nextcloud/sharing'
 
-import AppSidebar from '@nextcloud/vue/dist/Components/AppSidebar'
-import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
-import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
+import NcAppSidebar from '@nextcloud/vue/dist/Components/NcAppSidebar'
+import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton'
+import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent'
 
 import FileInfo from '../services/FileInfo'
 import SidebarTab from '../components/SidebarTab'
@@ -95,9 +95,9 @@ export default {
 	name: 'Sidebar',
 
 	components: {
-		ActionButton,
-		AppSidebar,
-		EmptyContent,
+		NcActionButton,
+		NcAppSidebar,
+		NcEmptyContent,
 		LegacyView,
 		SidebarTab,
 	},
diff --git a/apps/files/src/views/TemplatePicker.vue b/apps/files/src/views/TemplatePicker.vue
index 6ba98b39800..3a1dc15b790 100644
--- a/apps/files/src/views/TemplatePicker.vue
+++ b/apps/files/src/views/TemplatePicker.vue
@@ -21,7 +21,7 @@
   -->
 
 <template>
-	<Modal v-if="opened"
+	<NcModal v-if="opened"
 		:clear-view-delay="-1"
 		class="templates-picker"
 		size="normal"
@@ -57,17 +57,17 @@
 			</div>
 		</form>
 
-		<EmptyContent v-if="loading" class="templates-picker__loading" icon="icon-loading">
+		<NcEmptyContent v-if="loading" class="templates-picker__loading" icon="icon-loading">
 			{{ t('files', 'Creating file') }}
-		</EmptyContent>
-	</Modal>
+		</NcEmptyContent>
+	</NcModal>
 </template>
 
 <script>
 import { normalize } from 'path'
 import { showError } from '@nextcloud/dialogs'
-import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
-import Modal from '@nextcloud/vue/dist/Components/Modal'
+import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent'
+import NcModal from '@nextcloud/vue/dist/Components/NcModal'
 
 import { getCurrentDirectory } from '../utils/davUtils'
 import { createFromTemplate, getTemplates } from '../services/Templates'
@@ -81,8 +81,8 @@ export default {
 	name: 'TemplatePicker',
 
 	components: {
-		EmptyContent,
-		Modal,
+		NcEmptyContent,
+		NcModal,
 		TemplatePreview,
 	},