Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.
I have a Laravel Vue template that I wanted to integrate with Inertia called Vuexy. I understand I don't need Vue Router as Inertia will bridge Laravel and Vue together, but here is the problem:
The last time I created a project using Laravel Svelte Inertia, I created app.js, bootstrap.js, Pages and Shared folders. But the Laravel Vue template has App.vue too besides app.js and bootstrap.js, which contains things like store and Vue Router. This is where I got stuck, I don't know what to do with the App.vue in Laravel Vue Inertia app, as I certainly don't need Vue Router, but there is some code that is crucial in the App.vue so I don't think simply removing App.vue will solve the problem.
Can anyone help me with this, please?
As with every HTML/CSS/JS/Vue template, there are manual steps needed to make it work together with your custom code. From my experience, no front-end theme comes exactly as you want it to work, there are always some conflicts.
So, there's no "quick answer" here, you need to merge the App.vue code pieces manually and see which part you need from which template or your code, and then debug.
Please or to participate in this conversation.