Renderless Component & Type Safety (Advent of Vue #17)

My solution to the 17th and final Advent of Vue challenge! Good one to end on - renderless components are a great example of separation of concerns. We also talk about pushing logic out of a component into a stateless function.

I also talk about renderless components in my book: https://lachlan-miller.me/design-patt...

👉 Link to algorithm http://www.movable-type.co.uk/scripts...
👉 Haversine formula https://en.wikipedia.org/wiki/Haversi...

🎄 Advent of Vue: https://adventofvue.com/
💻 Code: https://github.com/lmiller1990/aov202...

🐦 Keep up with me on Twitter!   / lachlan19900  

If you like my teaching style, I have a book and two courses!
👀 (Book) Design Patterns for Vue.js: https://lachlan-miller.me/design-patt... (YT_5_OFF for $5 off)
👉 (Course) Vue.js: The Composition API: https://www.udemy.com/course/vuejs-3-...
🖖 (Course) Complete Vue.js 3: https://www.udemy.com/course/complete...