In Vue, you can render components dynamically thanks to built-in <Component> component.

<script setup>
import UserSettings from './Foo.vue'
import UserNotifications from './Bar.vue'

const activeComponent = ref(UserSettings);
</script>

<template>
  <component :is="activeComponent" />
</template>