use new button component

Signed-off-by: Vanessa Pertsch <vanessa.pertsch@posteo.com>
Signed-off-by: Vanessa Pertsch <vanessa.pertsch@posteo.de>

apps/settings/src/components/AdminTwoFactor.vue

@@ -55,12 +55,12 @@
 			</p>
 		</template>
 		<p>
-			<button v-if="dirty"
-				class="button primary"
+			<Button v-if="dirty"
+				type="primary"
 				:disabled="loading"
 				@click="saveChanges">
 				{{ t('settings', 'Save changes') }}
-			</button>
+			</Button>
 		</p>
 	</div>
 </template>
@@ -68,6 +68,8 @@
 <script>
 import axios from '@nextcloud/axios'
 import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
+import Button from '@nextcloud/vue/dist/Components/Button'
+
 import _ from 'lodash'
 import { generateUrl, generateOcsUrl } from '@nextcloud/router'
 
@@ -75,6 +77,7 @@ export default {
 	name: 'AdminTwoFactor',
 	components: {
 		Multiselect,
+		Button,
 	},
 	data() {
 		return {