3 files changed, 16 insertions, 16 deletions
diff --git a/apps/workflowengine/src/components/Operation.vue b/apps/workflowengine/src/components/Operation.vue
index a148ef3097b..4d02ae973cc 100644
--- a/apps/workflowengine/src/components/Operation.vue
+++ b/apps/workflowengine/src/components/Operation.vue
@@ -4,9 +4,9 @@
 		<div class="actions__item__description">
 			<h3>{{ operation.name }}</h3>
 			<small>{{ operation.description }}</small>
-			<Button v-if="colored">
+			<ButtonVue v-if="colored">
 				{{ t('workflowengine', 'Add new flow') }}
-			</Button>
+			</ButtonVue>
 		</div>
 		<div class="actions__item_options">
 			<slot />
@@ -15,12 +15,12 @@
 </template>
 
 <script>
-import Button from '@nextcloud/vue/dist/Components/Button'
+import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
 
 export default {
 	name: 'Operation',
 	components: {
-		Button,
+		ButtonVue,
 	},
 	props: {
 		operation: {
diff --git a/apps/workflowengine/src/components/Rule.vue b/apps/workflowengine/src/components/Rule.vue
index 3ee01680819..9890d613a2b 100644
--- a/apps/workflowengine/src/components/Rule.vue
+++ b/apps/workflowengine/src/components/Rule.vue
@@ -31,19 +31,19 @@
 					@input="updateOperation" />
 			</Operation>
 			<div class="buttons">
-				<Button v-if="rule.id < -1 || dirty" @click="cancelRule">
+				<ButtonVue v-if="rule.id < -1 || dirty" @click="cancelRule">
 					{{ t('workflowengine', 'Cancel') }}
-				</Button>
-				<Button v-else-if="!dirty" @click="deleteRule">
+				</ButtonVue>
+				<ButtonVue v-else-if="!dirty" @click="deleteRule">
 					{{ t('workflowengine', 'Delete') }}
-				</Button>
-				<Button :type="ruleStatus.type"
+				</ButtonVue>
+				<ButtonVue :type="ruleStatus.type"
 					@click="saveRule">
 					<template #icon>
 						<component :is="ruleStatus.icon" :size="20" />
 					</template>
 					{{ ruleStatus.title }}
-				</Button>
+				</ButtonVue>
 			</div>
 			<p v-if="error" class="error-message">
 				{{ error }}
@@ -56,7 +56,7 @@
 import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
 import Actions from '@nextcloud/vue/dist/Components/Actions'
 import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
-import Button from '@nextcloud/vue/dist/Components/Button'
+import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
 import ArrowRight from 'vue-material-design-icons/ArrowRight.vue'
 import CheckMark from 'vue-material-design-icons/Check.vue'
 import Close from 'vue-material-design-icons/Close.vue'
@@ -68,7 +68,7 @@ import Operation from './Operation'
 export default {
 	name: 'Rule',
 	components: {
-		Operation, Check, Event, Actions, ActionButton, Button, ArrowRight, CheckMark, Close,
+		Operation, Check, Event, Actions, ActionButton, ButtonVue, ArrowRight, CheckMark, Close,
 	},
 	directives: {
 		Tooltip,
diff --git a/apps/workflowengine/src/components/Workflow.vue b/apps/workflowengine/src/components/Workflow.vue
index f81a53563b5..cb8ec547ef6 100644
--- a/apps/workflowengine/src/components/Workflow.vue
+++ b/apps/workflowengine/src/components/Workflow.vue
@@ -26,13 +26,13 @@
 			</transition-group>
 
 			<div v-if="hasMoreOperations" class="actions__more">
-				<Button @click="showMoreOperations = !showMoreOperations">
+				<ButtonVue @click="showMoreOperations = !showMoreOperations">
 					<template #icon>
 						<MenuUp v-if="showMoreOperations" :size="20" />
 						<MenuDown v-else :size="20" />
 					</template>
 					{{ showMoreOperations ? t('workflowengine', 'Show less') : t('workflowengine', 'Show more') }}
-				</Button>
+				</ButtonVue>
 			</div>
 
 			<h2 v-if="scope === 0" class="configured-flows">
@@ -53,7 +53,7 @@
 import Rule from './Rule'
 import Operation from './Operation'
 import SettingsSection from '@nextcloud/vue/dist/Components/SettingsSection'
-import Button from '@nextcloud/vue/dist/Components/Button'
+import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
 import { mapGetters, mapState } from 'vuex'
 import { generateUrl } from '@nextcloud/router'
 import { loadState } from '@nextcloud/initial-state'
@@ -65,7 +65,7 @@ const ACTION_LIMIT = 3
 export default {
 	name: 'Workflow',
 	components: {
-		Button,
+		ButtonVue,
 		MenuDown,
 		MenuUp,
 		Operation,