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>