In this video, I'd show how to add a smooth scroll effect in a Vue 3 sample component. I'd be using this expense tracker app which I've been working on lately to demonstrate. I created some dummy content on the home page with some tabs. On clicking those tabs you'd see the smooth scroll effect in action as you're directed to that particular section of the page.
I've used vue3-smooth-scroll library to achieve this :-