Как вывести компонент в Vue3 из php?

Question

[darkfriend]

php template:

....
<div id="vue-app">
  <cart/>
<div>
....

main.js

import {createApp} from 'vue';
const app = createApp({
        components: {
            'cart': () => import('./cart'),
        },
        data() {
            return {};
        },
    });
app.mount('#vue-app');

cart.vue

<template>
    hello!
</template>

export default {
    name: "cart",
    data() {
        return {};
    },
}

как динамически выводить нужный root компонент в vue3?