Компоненты Vue 3 внутри компонента

В принципе... У меня есть code ниже, и я хочу, чтобы оба компонента (a-comp и b-comp) отображались в "главном" компоненте (my-component).

const app = Vue.createApp({
    components: {
        'my-component': {
            template: `
            <div>
                <a-comp />
                ↑ A COMPONENT MUST SHOW UP ABOVE<br>
                ↓ B COMPONENT MUST SHOW UP BELOW
                <b-comp />
            </div>`
        },

        'a-comp': {
            template: `
            <div>
                AAAAAAAAAAAAAA
            </div>`
        },

        'b-comp': {
            template: `
            <div>
                BBBBBBBBBBBBBB
            </div>`
        }
    }
}).mount('body')