Vue 3 in custom page
For my application I need a custom page with a Vue app. Is it possible to to achieve something like this or am I bound to Livewire?
Solution:Jump to solution
I created a new route with a custom view. Added sanctum. I need the entire screen so this way I got all the flexibility
15 Replies
i have seen someone moved from vue to filament and for some pages used vue so yes it's possible
Do you also know how?
I’m thinking about injecting the app.js in to the footer but then the file loads every page
haven't done it as it makes no sense. but you need to add js this can be done with render hooks and call vue components on those pages
Why doesn’t it make sense? Using vue for a small “spa” in the application is faster then livewire
then don't use filament at all
Creating all the resources which are about 34 different ones, is perfect with filament. I only need a calendar
there are plugins for calendar
Doesn’t fit my needs
That’s why I’m about to create a new one
I'm late to the party. But @D5300, consider using Laravel Nova. It's built entirely on Vue.js.
Just load that on your custom page.
Filament is much more powerful and fulfilling my needs. I solved this differently
I also had some old Vue components before migrating to Livewire/Alpine.
Solution
I created a new route with a custom view. Added sanctum. I need the entire screen so this way I got all the flexibility
Makes sense then
You guys made a beautiful piece of code 🫶