Vite + InertiaJs + Vue - Broken Default layouts

• Laravel Vite Plugin Version: 0.2.3
• Laravel Version: 9.19.0
• Node Version: 16.14.2
• NPM Version: 8.5.0

Description:

I’m still testing it and trying to find a solution but obviously because of resolvePageComponent is returning Promise, it doesn’t load layout prop.

import Layout from './AppLayout.vue'

createInertiaApp({
   resolve: name => {
       const page = resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue'))
       page.layout = Layout 
       return page
   }
},...)

Steps To Reproduce:

Reffering to the docs of Inertia https://inertiajs.com/pages#default-layouts try to add default layout in app.js together with laravel-vite plugin. On the other hand, defining layout in Page/**.vue loads AppLayout correctly.

[mladendraskovic]

Try this (notice page.default.layout):

import Layout from './AppLayout.vue'

createInertiaApp({
   resolve: async name => {
       const page = await resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue'))
       page.default.layout = Layout 
       return page
   }
},...)

[FilipKostrzewski]

Ohh you… you clever person 👍Indeed that was the solution for my issue. Hope that this topic will help others.