Решил использовать комбинированный подход VUE 3 в blade шаблонах.
Подключил в app.js
import {createApp} from "vue";
import AppMenu from "./Components/AppMenu";
import AppTest from "./Components/AppTest";
require('./bootstrap')
const app = createApp({})
app.component('app-menu', AppMenu)
app.component('app-test', AppTest)
app.mount('#app')
createApp({}) специально оставил пустым по совету из видеоурока
https://www.youtube.com/watch?v=fCAX6Dp7hpQ&list=P...
Далее пытаюсь подключить оба компонента в blade
<div class="container">
<h2>Home2</h2>
<app-menu/>
<app-test/>
</div>
Но выводится только первый, пробовал подключить локально в самом шаблоне и результат тот же.
Может кто знает как использовать несколько компонентов в одном blade шаблоне?