How to use Vue Component on custom formatter in Vue 3 - vue.js

Question

newbie in vuejs.
I'm trying to use tabulator data-table for data and used Custom Formatters. But unable to return Vue component.
How to return Vue component on custom formatter Vue3?
<script>
import BaseLink from "#/components/BaseLink.vue";
export default {
data() {
return {
switch1: false,
columns: [
{
rowHandle: true,
formatter: "handle",
headerSort: false,
frozen: true,
width: 30,
minWidth: 30,
},
{ title: "ID", field: "id", editor: "input" },
{ title: "Name", field: "name" },
{ title: "Email", field: "email" },
{
title: "Status",
field: "status",
formatter: function (cell, formatterParams, onRendered) {
//cell - the cell component
//formatterParams - parameters set for the column
//onRendered - function to call when the formatter has been rendered
return `<v-switch v-model="switch1" />`;
},
},
{
title: "Action",
field: "id",
formatter: function (cell, formatterParams, onRendered) {
//cell - the cell component
//formatterParams - parameters set for the column
//onRendered - function to call when the formatter has been rendered
return `<BaseLink to="/members/${cell.getValue()}/details">Details</BaseLink>`;
},
},
],
};
},
};
</script>
Thank in advance!