Nuxt3 + Vue3 - Auto generate components from string

The following is the component as string. I'd like to convert this string to vue component.
So that I can register the component and can use it on all pages.

<template>
<div>This is Content Page {{ logo }} </div>
</template>

<script>
export default {
name: "Header",
props: {
team: Object,
brand: Object,
},
data: () => ({
header: {
open: false,
height: 0,
}
}),
setup(props) {
// TODO: Can This Go In Data Instead?
const logo = Leadobo.setting('logo', props.brand.settings)
return { logo }
},
}
</script>