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!

You're tasked with building an app that will compare how many X items one can obtain for roughly the same price as a single item Y. You're already given a baseline for ItemSelect and ComparisonSummary components and a useItemComparison composable, but you still have to implement the following:

• Obtain products from DummyJSON's Prodcuts API (Get All Products endpoint) and display all entries along with their names and price tags inside a select input
• Show a comparison sentence in the ComparisonSummray component if two items have been chosen (eg. You can buy 10 cheaper items for about the same price as a single expensive item)
• If two items have the same ids, display These are the same items message

https://imgur.com/a/AJmpVyC

Maciej Pędzich (Mac):

• GitHub
• Twitter
• Mastodon
• My website (coming next year)

DummyJSON project by Muhammad Ovi.

Based on a Stackblitz project by tony19