From 586b834198cbbefb5443414b99cee58e97c9e670 Mon Sep 17 00:00:00 2001
From: NFriedo <69233063+NFriedo@users.noreply.github.com>
Date: Tue, 19 Dec 2023 09:36:51 +0100
Subject: [PATCH] BC-5954: fix vuetify warnings

---
 .../administration/ProvisioningOptionsPage.vue         | 10 ++--------
 .../ExternalToolElement.vue                            |  2 +-
 .../feature-board-file-element/FileContentElement.vue  |  2 +-
 .../content/display/audio-display/AudioDisplay.vue     | 10 +++++-----
 .../components/LinkContentElementDisplay.vue           |  2 +-
 .../components/SubmissionContentElement.vue            |  2 +-
 src/components/feature-board/card/CardHost.vue         |  2 +-
 src/components/molecules/vRoomGroupAvatar.vue          |  2 +-
 8 files changed, 13 insertions(+), 19 deletions(-)

diff --git a/src/components/administration/ProvisioningOptionsPage.vue b/src/components/administration/ProvisioningOptionsPage.vue
index cebbef9810..d02b3950f0 100644
--- a/src/components/administration/ProvisioningOptionsPage.vue
+++ b/src/components/administration/ProvisioningOptionsPage.vue
@@ -8,8 +8,6 @@
 			:label="t('components.administration.provisioningOptions.class.label')"
 			:loading="isLoading"
 			v-model="provisioningOptions.class"
-			inset
-			dense
 			data-testid="checkbox-option-class"
 			class="ml-1"
 		/>
@@ -25,8 +23,6 @@
 			:label="t('components.administration.provisioningOptions.course.label')"
 			:loading="isLoading"
 			v-model="provisioningOptions.course"
-			inset
-			dense
 			data-testid="checkbox-option-course"
 			class="ml-1"
 		/>
@@ -44,8 +40,6 @@
 			"
 			:loading="isLoading"
 			v-model="provisioningOptions.others"
-			inset
-			dense
 			data-testid="checkbox-option-others"
 			class="ml-1"
 		/>
@@ -65,7 +59,7 @@
 				class="mr-2"
 				data-testid="provisioning-options-cancel-button"
 				color="secondary"
-				outlined
+				variant="outlined"
 				@click="onCancel"
 				>{{ t("common.actions.cancel") }}</v-btn
 			>
@@ -74,7 +68,7 @@
 				class="mr-2"
 				data-testid="provisioning-options-save-button"
 				color="primary"
-				depressed
+				variant="flat"
 				@click="onSave(provisioningOptions)"
 				:disabled="isLoading"
 				>{{ t("common.actions.save") }}</v-btn
diff --git a/src/components/feature-board-external-tool-element/ExternalToolElement.vue b/src/components/feature-board-external-tool-element/ExternalToolElement.vue
index 0af1df7a0b..6b5d2e8883 100644
--- a/src/components/feature-board-external-tool-element/ExternalToolElement.vue
+++ b/src/components/feature-board-external-tool-element/ExternalToolElement.vue
@@ -5,7 +5,7 @@
 		data-testid="board-external-tool-element"
 		dense
 		elevation="0"
-		outlined
+		variant="outlined"
 		ref="externalToolElement"
 		:ripple="false"
 		tabindex="0"
diff --git a/src/components/feature-board-file-element/FileContentElement.vue b/src/components/feature-board-file-element/FileContentElement.vue
index ea4a7e0e4d..a516f30558 100644
--- a/src/components/feature-board-file-element/FileContentElement.vue
+++ b/src/components/feature-board-file-element/FileContentElement.vue
@@ -4,7 +4,7 @@
 		data-testid="board-file-element"
 		dense
 		elevation="0"
-		:outlined="isOutlined"
+		:variant="isOutlined ? 'outlined' : 'elevated'"
 		ref="fileContentElement"
 		:ripple="false"
 		tabindex="0"
diff --git a/src/components/feature-board-file-element/content/display/audio-display/AudioDisplay.vue b/src/components/feature-board-file-element/content/display/audio-display/AudioDisplay.vue
index 54af4a9f6a..1636c599d4 100644
--- a/src/components/feature-board-file-element/content/display/audio-display/AudioDisplay.vue
+++ b/src/components/feature-board-file-element/content/display/audio-display/AudioDisplay.vue
@@ -1,5 +1,5 @@
 <template>
-	<ContentElementBar class="audioPlayer grey darken-3">
+	<ContentElementBar class="audioPlayer bg-grey-darken-3">
 		<template #element>
 			<audio ref="audio" loading="lazy" />
 			<v-btn
@@ -8,7 +8,7 @@
 				icon
 				@click="onPlay"
 				color="white"
-				small
+				size="small"
 			>
 				<v-icon> {{ mdiPause }}</v-icon>
 			</v-btn>
@@ -18,7 +18,7 @@
 				icon
 				@click="onPlay"
 				color="white"
-				small
+				size="small"
 			>
 				<v-icon>{{ mdiPlay }}</v-icon>
 			</v-btn>
@@ -29,7 +29,7 @@
 				color="white"
 				thumb-color="white"
 				track-color="black"
-				:value="currentTime"
+				:model-value="currentTime"
 				start="0"
 				end="duration"
 				step="durationStep"
@@ -38,7 +38,7 @@
 				@click="stopPropagation"
 				@mousedown="stopPropagation"
 				@mouseup="stopPropagation"
-				@input="onInputSlider"
+				@update:model-value="onInputSlider"
 			/>
 			<SpeedMenu :rate="rate" @updateRate="onSpeedRateChange" />
 		</template>
diff --git a/src/components/feature-board-link-element/components/LinkContentElementDisplay.vue b/src/components/feature-board-link-element/components/LinkContentElementDisplay.vue
index 19f555e922..d9111692c8 100644
--- a/src/components/feature-board-link-element/components/LinkContentElementDisplay.vue
+++ b/src/components/feature-board-link-element/components/LinkContentElementDisplay.vue
@@ -4,7 +4,7 @@
 		ref="linkContentElementDisplay"
 		dense
 		elevation="0"
-		:outlined="true"
+		variant="outlined"
 		:ripple="false"
 		tabindex="0"
 		:loading="isLoading ? 'primary' : false"
diff --git a/src/components/feature-board-submission-element/components/SubmissionContentElement.vue b/src/components/feature-board-submission-element/components/SubmissionContentElement.vue
index 92d11364e7..38ad7fc3b5 100644
--- a/src/components/feature-board-submission-element/components/SubmissionContentElement.vue
+++ b/src/components/feature-board-submission-element/components/SubmissionContentElement.vue
@@ -4,7 +4,7 @@
 		data-testid="board-submission-element"
 		dense
 		elevation="0"
-		outlined
+		variant="outlined"
 		ref="submissionContentElement"
 		:ripple="false"
 		tabindex="0"
diff --git a/src/components/feature-board/card/CardHost.vue b/src/components/feature-board/card/CardHost.vue
index abb2a473c0..e3ea95aa05 100644
--- a/src/components/feature-board/card/CardHost.vue
+++ b/src/components/feature-board/card/CardHost.vue
@@ -10,7 +10,7 @@
 				ref="cardHost"
 				:height="isLoading ? height : 'auto'"
 				:class="{ 'drag-disabled': isEditMode }"
-				outlined
+				variant="outlined"
 				tabindex="0"
 				min-height="120px"
 				:elevation="isEditMode ? 6 : isHovered ? 4 : 2"
diff --git a/src/components/molecules/vRoomGroupAvatar.vue b/src/components/molecules/vRoomGroupAvatar.vue
index d542a40656..881855a182 100644
--- a/src/components/molecules/vRoomGroupAvatar.vue
+++ b/src/components/molecules/vRoomGroupAvatar.vue
@@ -19,7 +19,7 @@
 			<v-card
 				:height="size"
 				:width="size"
-				outlined
+				variant="outlined"
 				class="ma-0 card-component"
 				:aria-label="
 					$t('pages.rooms.a11y.group.text', {