Vue.js: How do you use dynamic components?

1<script setup>
2import TabA from "./TabA.vue"
3import TabB from "./TabB.vue"
4import { ref } from "vue"
5
6const currentTab = ref(TabA)
7</script>
8
9<template>
10  <button @click="currentTab = TabA">Tab A</button>
11  <button @click="currentTab = TabB">Tab B</button>
12  <component :is="currentTab" />
13</template>

1<KeepAlive>
2  <component :is="currentTab" />
3</KeepAlive>