https://www.vuejstemplates.com/author/advent-of-vue/Recent content in Advent-of-Vue on Vue TemplatesHugoen-ushttps://www.vuejstemplates.com/theme/advent-of-vue-2022-gift-search-bar/Mon, 01 Jan 0001 00:00:00 +0000https://www.vuejstemplates.com/theme/advent-of-vue-2022-gift-search-bar/<h2 id="overview">Overview</h2> <p>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. The challenge for this specific day is to build a debounced search bar for products from DummyJSON&rsquo;s product API. The debouncing technique allows delaying the execution of a function until a specific amount of time has elapsed since the last call. The solution should include adding a 300-millisecond delay to the findProducts function, displaying a loading spinner/message, and showing the suggested products&rsquo; names and price tags in an unordered list if the function executes successfully. If there is an error, a generic error message should be shown using native alert(). If the search term is reset to an empty string, the search suggestions should also be cleared.</p>