Я использую это: https://github.com/nWidart/laravel-modules, чтобы разбить мое приложение на модули и https://github.com/inertiajs/inertia-vue для применения (управляемый сервером SPA).
И у меня есть такие модули, как:
- Front ( front-site )
- Admin ( admin-dashboard)
- Post
- User
- Tag
Я хочу, чтобы моя папка app / public была примерно такой:
- js/front/app.js
- js/admin/app.js
Модуль / Front / Ресурсы / Views / app.blade.php
<body>
<div id="app" data-page="{{ json_encode($page) }}"></div>
<script src="{{ mix('/js/front/app.js') }}"></script>
</body>
Модуль / Admin / Ресурсы / Views / app.blade.php
<body>
<div id="app" data-page="{{ json_encode($page) }}"></div>
<script src="{{ mix('/js/admin/app.js') }}"></script>
</body>
Мне трудно понять, как соединить все компоненты Vue модулей.
Где разместить компоненты Vue модулей User, Tag и Post? внутри модуля? или в приложении / resources / js?
Есть 2 вида - это точка входа в мое приложение (Front - Admin), как подключить к ним другой компонент Vue?