replace button with vue button component

1 files changed, 6 insertions, 4 deletions

diff --git a/apps/files/src/components/TransferOwnershipDialogue.vue b/apps/files/src/components/TransferOwnershipDialogue.vue
index 89c6e2f60e4..22e2a22b009 100644
--- a/apps/files/src/components/TransferOwnershipDialogue.vue
+++ b/apps/files/src/components/TransferOwnershipDialogue.vue
@@ -25,12 +25,12 @@
 		<form @submit.prevent="submit">
 			<p class="transfer-select-row">
 				<span>{{ readableDirectory }}</span>
-				<button v-if="directory === undefined" @click.prevent="start">
+				<Button v-if="directory === undefined" @click.prevent="start">
 					{{ t('files', 'Choose file or folder to transfer') }}
-				</button>
-				<button v-else @click.prevent="start">
+				</Button>
+				<Button v-else @click.prevent="start">
 					{{ t('files', 'Change') }}
-				</button>
+				</Button>
 				<span class="error">{{ directoryPickerError }}</span>
 			</p>
 			<p class="new-owner-row">
@@ -72,6 +72,7 @@ import { generateOcsUrl } from '@nextcloud/router'
 import { getFilePickerBuilder, showSuccess } from '@nextcloud/dialogs'
 import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
 import Vue from 'vue'
+import Button from '@nextcloud/vue/dist/Components/Button'
 
 import logger from '../logger'
 
@@ -86,6 +87,7 @@ export default {
 	name: 'TransferOwnershipDialogue',
 	components: {
 		Multiselect,
+		Button,
 	},
 	data() {
 		return {