Layout: null ignored on default layout.

Versions:

• @inertiajs/inertia version: 0.10.1
• @inertiajs/inertia-vue version: 0.7.2

Describe the problem:

When setting up a default layout the layout: null is ignored as setting.

Steps to reproduce:

Setup a default layout and try to exclude a page from it by using the layout: null setting.

[Vercoutere]

@HazJ Dynamic imports return a promise.

See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import#dynamic_imports

You can set the default layout once the import has resolved.

resolve: name => {
    return import(`./Pages/${name}.vue`)
    .then(page => {
        page.default.layout = page.default.layout || App;
        return page;
    });
},

[reinink]

Without any code, this is hard to help with. However, I’m guessing you’re using the example code from the docs for this:

import Layout from './Layout'

createInertiaApp({
  resolve: name => {
    const page = require(`./Pages/${name}`).default
    page.layout = page.layout || Layout
    return page
  },
  // ...
})

Instead of doing that, try this instead:

createInertiaApp({
  resolve: name => {
    const page = require(`./Pages/${name}`).default
    if (page.layout === undefined) {
      page.layout = Layout
    }
    return page
  },
  // ...
})

This will support setting the layout to null, which will disable the default layout. 👍