Customize Countdown timer with Flip Animation for Vue 3.x

vue3-flip-countdown by @coskuncayemre

deadlineISO="2024-12-12T16:17:13.481Z"

00
Days
00
Hours
00
Minutes
00
Seconds

deadline="2024-12-12 00:00:00"

00
Days
00
Hours
00
Minutes
00
Seconds

:deadlineDate="new Date(2024, 11, 31, 23, 59, 59, 0)"

00
Days
00
Hours
00
Minutes
00
Seconds

mainColor = red secondFlipColor = orange

.

00
Days
00
Hours
00
Minutes
00
Seconds

mainFlipBackgroundColor="#a70000" secondFlipBackgroundColor='#000'

mainColor="orange" secondFlipColor="#ffffff"

00
Days
00
Hours
00
Minutes
00
Seconds

countdownSize="1.5rem"
labelSize=".8rem"

00
Days
00
Hours
00
Minutes
00
Seconds

labelColor="blue"

00
Days
00
Hours
00
Minutes
00
Seconds

:flipAnimation="false"

00
Days
00
Hours
00
Minutes
00
Seconds

showLabels=false

00
00
00
00

:labels="{ days: '日', hours: '小时', minutes: '分钟', seconds: '秒', }

00
00
小时
00
分钟
00
:stop="false"
00
Days
00
Hours
00
Minutes
00
Seconds

:showHours="false"

00
Days
00
Minutes
00
Seconds

:showMinutes="false"

00
Days
00
Hours
00
Seconds

:showSeconds="false"

00
Days
00
Hours
00
Minutes

:showDays="false" :showHours="false"

00
Minutes
00
Seconds