VueJS - How to make a list automatically scroll when selected item is out of the view?

Question

Here is an working example that I followed: https://codepen.io/alligatorio/pen/mXRGLg?editors=1010

I want to scroll the list automatically when selecting an item out of t