How to implement component and tab switching in Vue.js?

Question

Vue.js

There is a code https://codepen.io/litash/pen/dKpENO
When clicking on "Click 1" and it is now just active, only the text "First component. Tab 1" should be displayed in the block on the right, the rest of the text (content), which below should be shown only if we click Tab 2 or Tab 3.
Help to somehow implement switching between tabs, and so that when you click on the menu on the left, only the content of the first Tab is initially shown. I don't understand how to implement...

Answer 1

Why is https://bootstrap-vue.js.org bad ?

Answer 2

Smoke VueRouter.