From d5d61a4a29aaa74f02a750e3c4ce9a917100c253 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?=
 <40151420+ldericher@users.noreply.github.com>
Date: Thu, 15 Sep 2022 13:20:41 +0000
Subject: [PATCH] CalendarCarousel speed prop

---
 ui/src/components/calendar/CalendarCarousel.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/calendar/CalendarCarousel.vue b/ui/src/components/calendar/CalendarCarousel.vue
index 6155959..a37c996 100644
--- a/ui/src/components/calendar/CalendarCarousel.vue
+++ b/ui/src/components/calendar/CalendarCarousel.vue
@@ -1,7 +1,7 @@
 <template>
   <v-carousel
     cycle
-    interval="10000"
+    :interval="speed"
     height="auto"
     :show-arrows="false"
     touchless
@@ -14,7 +14,7 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Prop, Vue } from "vue-property-decorator";
 import Calendar from "./Calendar.vue";
 import { CalendarData, CalendarJSONData } from "./model";
 
@@ -24,6 +24,9 @@ import { CalendarData, CalendarJSONData } from "./model";
   },
 })
 export default class CalendarCarousel extends Vue {
+  @Prop({ default: 10000 })
+  private readonly speed!: number;
+
   private readonly data: Array<CalendarJSONData> = [
     {
       title: "Lorem Ipsum",