From e719dcf3ccbfd4a27c699350be356f4c787ddad5 Mon Sep 17 00:00:00 2001
From: Uwe Ilgenstein <uwe.ilgenstein@dataport.de>
Date: Mon, 18 Dec 2023 17:02:50 +0100
Subject: [PATCH] fix compile errors after merge

---
 .../display/audio-display/SpeedMenu.vue       | 145 +++++++++---------
 .../ui-date-time-picker/TimePicker.vue        |   1 -
 2 files changed, 71 insertions(+), 75 deletions(-)

diff --git a/src/components/feature-board-file-element/content/display/audio-display/SpeedMenu.vue b/src/components/feature-board-file-element/content/display/audio-display/SpeedMenu.vue
index e6559f962f..4101b463a1 100644
--- a/src/components/feature-board-file-element/content/display/audio-display/SpeedMenu.vue
+++ b/src/components/feature-board-file-element/content/display/audio-display/SpeedMenu.vue
@@ -1,12 +1,11 @@
 <template>
-	<v-menu offset-y max-height="120px" min-width="150px" nudge-left="75px">
-		<template v-slot:activator="{ on, attrs }">
+	<v-menu max-height="120px" min-width="150px" offset="75px">
+		<template v-slot:activator="{ props }">
 			<v-btn
 				data-testid="speed-menu-play-speed"
-				v-bind="attrs"
-				v-on="on"
+				v-bind="props"
 				icon
-				small
+				size="small"
 				color="white"
 				:aria-label="$t('component.cardElement.fileElement.audioPlayer.speed')"
 			>
@@ -16,75 +15,73 @@
 			</v-btn>
 		</template>
 
-		<v-list dense>
-			<v-list-item-group>
-				<v-list-item @click="onSelect(0.25)">
-					<v-list-item-content class="ml-3">
-						<v-list-item-title>0.25 </v-list-item-title>
-					</v-list-item-content>
-					<v-list-item-icon v-if="0.25 === rate">
-						<v-icon>{{ mdiCheck }}</v-icon>
-					</v-list-item-icon>
-				</v-list-item>
-				<v-list-item @click="onSelect(0.5)">
-					<v-list-item-content class="ml-3">
-						<v-list-item-title>0.5 </v-list-item-title>
-					</v-list-item-content>
-					<v-list-item-icon v-if="0.5 === rate">
-						<v-icon>{{ mdiCheck }}</v-icon>
-					</v-list-item-icon>
-				</v-list-item>
-				<v-list-item @click="onSelect(0.75)">
-					<v-list-item-content class="ml-3">
-						<v-list-item-title>0.75 </v-list-item-title>
-					</v-list-item-content>
-					<v-list-item-icon v-if="0.75 === rate">
-						<v-icon>{{ mdiCheck }}</v-icon>
-					</v-list-item-icon>
-				</v-list-item>
-				<v-list-item @click="onSelect(1)">
-					<v-list-item-content class="ml-3">
-						<v-list-item-title>{{
-							$t("component.cardElement.fileElement.audioPlayer.speed.normal")
-						}}</v-list-item-title>
-					</v-list-item-content>
-					<v-list-item-icon v-if="1 === rate">
-						<v-icon>{{ mdiCheck }}</v-icon>
-					</v-list-item-icon>
-				</v-list-item>
-				<v-list-item @click="onSelect(1.25)">
-					<v-list-item-content class="ml-3">
-						<v-list-item-title>1.25</v-list-item-title>
-					</v-list-item-content>
-					<v-list-item-icon v-if="1.25 === rate">
-						<v-icon>{{ mdiCheck }}</v-icon>
-					</v-list-item-icon>
-				</v-list-item>
-				<v-list-item @click="onSelect(1.5)">
-					<v-list-item-content class="ml-3">
-						<v-list-item-title>1.5</v-list-item-title>
-					</v-list-item-content>
-					<v-list-item-icon v-if="1.5 === rate">
-						<v-icon>{{ mdiCheck }}</v-icon>
-					</v-list-item-icon>
-				</v-list-item>
-				<v-list-item @click="onSelect(1.75)">
-					<v-list-item-content class="ml-3">
-						<v-list-item-title>1.75</v-list-item-title>
-					</v-list-item-content>
-					<v-list-item-icon v-if="1.75 === rate">
-						<v-icon>{{ mdiCheck }}</v-icon>
-					</v-list-item-icon>
-				</v-list-item>
-				<v-list-item @click="onSelect(2)">
-					<v-list-item-content class="ml-3">
-						<v-list-item-title>2</v-list-item-title>
-					</v-list-item-content>
-					<v-list-item-icon v-if="2 === rate">
-						<v-icon>{{ mdiCheck }}</v-icon>
-					</v-list-item-icon>
-				</v-list-item>
-			</v-list-item-group>
+		<v-list>
+			<v-list-item @click="onSelect(0.25)">
+				<div class="ml-3">
+					<v-list-item-title>0.25 </v-list-item-title>
+				</div>
+				<template #append v-if="0.25 === rate">
+					<v-icon>{{ mdiCheck }}</v-icon>
+				</template>
+			</v-list-item>
+			<v-list-item @click="onSelect(0.5)">
+				<div class="ml-3">
+					<v-list-item-title>0.5 </v-list-item-title>
+				</div>
+				<template #append v-if="0.5 === rate">
+					<v-icon>{{ mdiCheck }}</v-icon>
+				</template>
+			</v-list-item>
+			<v-list-item @click="onSelect(0.75)">
+				<div class="ml-3">
+					<v-list-item-title>0.75 </v-list-item-title>
+				</div>
+				<template #append v-if="0.75 === rate">
+					<v-icon>{{ mdiCheck }}</v-icon>
+				</template>
+			</v-list-item>
+			<v-list-item @click="onSelect(1)">
+				<div class="ml-3">
+					<v-list-item-title>{{
+						$t("component.cardElement.fileElement.audioPlayer.speed.normal")
+					}}</v-list-item-title>
+				</div>
+				<template #append v-if="1 === rate">
+					<v-icon>{{ mdiCheck }}</v-icon>
+				</template>
+			</v-list-item>
+			<v-list-item @click="onSelect(1.25)">
+				<div class="ml-3">
+					<v-list-item-title>1.25</v-list-item-title>
+				</div>
+				<template #append v-if="1.25 === rate">
+					<v-icon>{{ mdiCheck }}</v-icon>
+				</template>
+			</v-list-item>
+			<v-list-item @click="onSelect(1.5)">
+				<div class="ml-3">
+					<v-list-item-title>1.5</v-list-item-title>
+				</div>
+				<template #append v-if="1.5 === rate">
+					<v-icon>{{ mdiCheck }}</v-icon>
+				</template>
+			</v-list-item>
+			<v-list-item @click="onSelect(1.75)">
+				<div class="ml-3">
+					<v-list-item-title>1.75</v-list-item-title>
+				</div>
+				<template #append v-if="1.75 === rate">
+					<v-icon>{{ mdiCheck }}</v-icon>
+				</template>
+			</v-list-item>
+			<v-list-item @click="onSelect(2)">
+				<div class="ml-3">
+					<v-list-item-title>2</v-list-item-title>
+				</div>
+				<template #append v-if="2 === rate">
+					<v-icon>{{ mdiCheck }}</v-icon>
+				</template>
+			</v-list-item>
 		</v-list>
 	</v-menu>
 </template>
diff --git a/src/components/ui-date-time-picker/TimePicker.vue b/src/components/ui-date-time-picker/TimePicker.vue
index c58aa3878f..2367165c47 100644
--- a/src/components/ui-date-time-picker/TimePicker.vue
+++ b/src/components/ui-date-time-picker/TimePicker.vue
@@ -35,7 +35,6 @@ const props = defineProps({
 const emit = defineEmits(["update:time", "error"]);
 const { t } = useI18n();
 
-const showTimeDialog = ref(false);
 const inputField = ref<HTMLInputElement | null>(null);
 const timeValue = ref<undefined | string>();
 // const { timesOfDayList } = useTimePickerState();