inertia-vue@v0.2.2

Published on September 8, 2020

This release adds a new array shorthand for nested layouts, thanks to @claudiodekker (#201).

Previously, if you wanted nested layouts, you had to use a callback like this:

<script>
import SiteLayout from './SiteLayout'
import NestedLayout from './NestedLayout'

export default {
  layout: (h, page) => {
    return h(SiteLayout, [h(NestedLayout, [page])])
  },
}
</script>

Using this new array shorthand, you can now do it like this:

<script>
import SiteLayout from './SiteLayout'
import NestedLayout from './NestedLayout'

export default {
  layout: [SiteLayout, NestedLayout],
}
</script>