Advent Of Vue is a series of 24 Vue coding challenges that are sent out every day from December 1 to December 24 via a dedicated newsletter. If you'd like to receive more of these puzzles in the future, go ahead and sign up!
Christmas is coming soon! But how soon? 🤔 Wouldn't it be nice to know exactly how many days, hours, minutes, and seconds are left until that magical day? In this challenge, you'll create a countdown to tell you exactly that.
Use the useNow composable from VueUse (preinstalled) to get a reactive version of the current time and then do the math to get days, hours, minutes, and seconds until Christmas.
If you're up for a bonus challenge use the Vue transition component to transition smoothly between each countdown number! 🚀
https://papaya-caramel-13dd76.netlify.app/
This challenge was created by Daniel Kelly, lead instructor at Vue School.
Learn more about VueUse from our premium video course: VueUse for Everyone! Plus learn other hot Vue technologies like Pinia, Vitest, TypeScript, Nuxt 3, and more!
Based on a Stackblitz project by tony19