CalendarCarousel speed prop

This commit is contained in:
Jörn-Michael Miehe 2022-09-15 13:20:41 +00:00
parent 6217ae2ecb
commit d5d61a4a29

View file

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