Probably using the wrong terms and i’m sorry.
I will build an MPS with Adonis and use it’s routers and edge views.
Then i will have isolated Vue parts for specific parts of the MPA and they will act like SPA:s with vue-router and so on.
The reason is that i don’t want an pure SPA with an huge file for all stuff loaded. I will be able to use Vue only on part that requires two way binding and other things that requires Vue.
So the end result will be an ordinary Adonis MPA and a bunch of individual SPA:s that are included/used only on the part where they needs to be used.
Like you did in your boilerplate you had an VueJs Wrapper
<div id="adonis-app"> in master that will contain every vue stuff compiled to a single file called app.js. Think of my solution as an bunch of components that i load from individual .js files dynamically and the reason i call them SPA:s i that they contain everything of an SPA like vue-router, vuex and so on.