Add Nc prefix to Nc vue component names

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

2 files changed, 34 insertions, 34 deletions

diff --git a/apps/federatedfilesharing/src/components/AdminSettings.vue b/apps/federatedfilesharing/src/components/AdminSettings.vue
index b3fb2a7675b..e3b9d4186a7 100644
--- a/apps/federatedfilesharing/src/components/AdminSettings.vue
+++ b/apps/federatedfilesharing/src/components/AdminSettings.vue
@@ -21,52 +21,52 @@
 -->
 
 <template>
-	<SettingsSection :title="t('federatedfilesharing', 'Federated Cloud Sharing')"
+	<NcSettingsSection :title="t('federatedfilesharing', 'Federated Cloud Sharing')"
 		:description="t('federatedfilesharing', 'Adjust how people can share between servers. This includes shares between users on this server as well if they are using federated sharing.')"
 		:doc-url="sharingFederatedDocUrl">
-		<CheckboxRadioSwitch type="switch"
+		<NcCheckboxRadioSwitch type="switch"
 			:checked.sync="outgoingServer2serverShareEnabled"
 			@update:checked="update('outgoing_server2server_share_enabled', outgoingServer2serverShareEnabled)">
 			{{ t('federatedfilesharing', 'Allow users on this server to send shares to other servers (this option also allows WebDAV access to public shares)') }}
-		</CheckboxRadioSwitch>
+		</NcCheckboxRadioSwitch>
 
-		<CheckboxRadioSwitch type="switch"
+		<NcCheckboxRadioSwitch type="switch"
 			:checked.sync="incomingServer2serverShareEnabled"
 			@update:checked="update('incoming_server2server_share_enabled', incomingServer2serverShareEnabled)">
 			{{ t('federatedfilesharing', 'Allow users on this server to receive shares from other servers') }}
-		</CheckboxRadioSwitch>
+		</NcCheckboxRadioSwitch>
 
-		<CheckboxRadioSwitch v-if="federatedGroupSharingSupported"
+		<NcCheckboxRadioSwitch v-if="federatedGroupSharingSupported"
 			type="switch"
 			:checked.sync="outgoingServer2serverGroupShareEnabled"
 			@update:checked="update('outgoing_server2server_group_share_enabled', outgoingServer2serverGroupShareEnabled)">
 			{{ t('federatedfilesharing', 'Allow users on this server to send shares to groups on other servers') }}
-		</CheckboxRadioSwitch>
+		</NcCheckboxRadioSwitch>
 
-		<CheckboxRadioSwitch v-if="federatedGroupSharingSupported"
+		<NcCheckboxRadioSwitch v-if="federatedGroupSharingSupported"
 			type="switch"
 			:checked.sync="incomingServer2serverGroupShareEnabled"
 			@update:checked="update('incoming_server2server_group_share_enabled', incomingServer2serverGroupShareEnabled)">
 			{{ t('federatedfilesharing', 'Allow users on this server to receive group shares from other servers') }}
-		</CheckboxRadioSwitch>
+		</NcCheckboxRadioSwitch>
 
-		<CheckboxRadioSwitch type="switch"
+		<NcCheckboxRadioSwitch type="switch"
 			:checked.sync="lookupServerEnabled"
 			@update:checked="update('lookupServerEnabled', lookupServerEnabled)">
 			{{ t('federatedfilesharing', 'Search global and public address book for users') }}
-		</CheckboxRadioSwitch>
+		</NcCheckboxRadioSwitch>
 
-		<CheckboxRadioSwitch type="switch"
+		<NcCheckboxRadioSwitch type="switch"
 			:checked.sync="lookupServerUploadEnabled"
 			@update:checked="update('lookupServerUploadEnabled', lookupServerUploadEnabled)">
 			{{ t('federatedfilesharing', 'Allow users to publish their data to a global and public address book') }}
-		</CheckboxRadioSwitch>
-	</SettingsSection>
+		</NcCheckboxRadioSwitch>
+	</NcSettingsSection>
 </template>
 
 <script>
-import CheckboxRadioSwitch from '@nextcloud/vue/dist/Components/CheckboxRadioSwitch'
-import SettingsSection from '@nextcloud/vue/dist/Components/SettingsSection'
+import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch'
+import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection'
 import { loadState } from '@nextcloud/initial-state'
 import { showError } from '@nextcloud/dialogs'
 import axios from '@nextcloud/axios'
@@ -77,8 +77,8 @@ export default {
 	name: 'AdminSettings',
 
 	components: {
-		CheckboxRadioSwitch,
-		SettingsSection,
+		NcCheckboxRadioSwitch,
+		NcSettingsSection,
 	},
 
 	data() {
diff --git a/apps/federatedfilesharing/src/components/PersonalSettings.vue b/apps/federatedfilesharing/src/components/PersonalSettings.vue
index 81bf5f21a7f..640f2c68e0c 100644
--- a/apps/federatedfilesharing/src/components/PersonalSettings.vue
+++ b/apps/federatedfilesharing/src/components/PersonalSettings.vue
@@ -17,13 +17,13 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <template>
-	<SettingsSection :title="t('federatedfilesharing', 'Federated Cloud')"
+	<NcSettingsSection :title="t('federatedfilesharing', 'Federated Cloud')"
 		:description="t('federatedfilesharing', 'You can share with anyone who uses a Nextcloud server or other Open Cloud Mesh (OCM) compatible servers and services! Just put their Federated Cloud ID in the share dialog. It looks like person@cloud.example.com')"
 		:doc-url="docUrlFederated">
 		<p class="cloud-id-text">
 			{{ t('federatedfilesharing', 'Your Federated Cloud ID:') }}
 			<strong id="cloudid">{{ cloudId }}</strong>
-			<ButtonVue ref="clipboard"
+			<NcButton ref="clipboard"
 				v-tooltip="copyLinkTooltip"
 				class="clipboard"
 				type="tertiary-no-background"
@@ -31,24 +31,24 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 				<template #icon>
 					<Clipboard :size="20" />
 				</template>
-			</ButtonVue>
+			</NcButton>
 		</p>
 
 		<p class="social-button">
 			{{ t('federatedfilesharing', 'Share it so your friends can share files with you:') }}<br>
-			<ButtonVue @click="goTo(shareFacebookUrl)">
+			<NcButton @click="goTo(shareFacebookUrl)">
 				{{ t('federatedfilesharing', 'Facebook') }}
 				<template #icon>
 					<Facebook :size="20" />
 				</template>
-			</ButtonVue>
-			<ButtonVue @click="goTo(shareTwitterUrl)">
+			</NcButton>
+			<NcButton @click="goTo(shareTwitterUrl)">
 				{{ t('federatedfilesharing', 'Twitter') }}
 				<template #icon>
 					<Twitter :size="20" />
 				</template>
-			</ButtonVue>
-			<ButtonVue @click="goTo(shareDiasporaUrl)">
+			</NcButton>
+			<NcButton @click="goTo(shareDiasporaUrl)">
 				{{ t('federatedfilesharing', 'Diaspora') }}
 				<template #icon>
 					<svg width="20"
@@ -56,13 +56,13 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 						viewBox="-10 -5 1034 1034"
 						xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M502 197q-96 0-96.5 1.5t-1.5 137-1.5 138-2 2.5T266 432.5 132.5 390t-30 94T74 578l232 77q21 8 21 10t-79.5 117.5T168 899t79.5 56.5T328 1011t81-110 82-110 41 55l83 115q43 60 44 60t79.5-58 79-59-76-112.5-76-113.5T795 632.5t129.5-44-28-94T867 400t-128 42-128.5 43-2.5-7.5-1-38.5l-3-108q-4-133-5-133.5t-97-.5z" /></svg>
 				</template>
-			</ButtonVue>
-			<ButtonVue @click="showHtml = !showHtml">
+			</NcButton>
+			<NcButton @click="showHtml = !showHtml">
 				<template #icon>
 					<Web :size="20" />
 				</template>
 				{{ t('federatedfilesharing', 'Add to your website') }}
-			</ButtonVue>
+			</NcButton>
 		</p>
 
 		<template v-if="showHtml">
@@ -82,14 +82,14 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 				<pre>{{ htmlCode }}</pre>
 			</p>
 		</template>
-	</SettingsSection>
+	</NcSettingsSection>
 </template>
 
 <script>
 import { showError } from '@nextcloud/dialogs'
 import { loadState } from '@nextcloud/initial-state'
-import SettingsSection from '@nextcloud/vue/dist/Components/SettingsSection'
-import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
+import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection'
+import NcButton from '@nextcloud/vue/dist/Components/NcButton'
 import Twitter from 'vue-material-design-icons/Twitter'
 import Facebook from 'vue-material-design-icons/Facebook'
 import Web from 'vue-material-design-icons/Web'
@@ -99,8 +99,8 @@ import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
 export default {
 	name: 'PersonalSettings',
 	components: {
-		ButtonVue,
-		SettingsSection,
+		NcButton,
+		NcSettingsSection,
 		Twitter,
 		Facebook,
 		Web,