🎄 Merry Christmas! 🎄

Custom Layouts

This release should be the last one with breaking a change

Nuxt.js let you now define custom layout for specific page now, to see it in action, please take a look at the our demonstration video.

⚠️ The main breaking changes are:

• The <nuxt-container> component does not exist anymore (you can simply use a <div> to wrap your layout template)
• The default application layout is layouts/default.vue instead of layouts/app.vue

🔥 Features:

• The layout is loaded only when used (webpack code-splitting)
• You can overwrite the custom layout in layouts/default.vue
• You can set the which layout to use in the page component with the layout property
• Define custom head elements depending of the layout

The default layout of Nuxt.js is:

<template>
  <nuxt/>
</template>

Please take a look at the updated documentation.

Bug fixes

• Routes generations with complex pages files tree (see the test/fixtures/dynamic-routes/)

Tests

More tests has been added to cover the bug fixes and also the layout feature.

Dependencies

• Upgrade autoprefixer to v6.6.0
• Upgrade debug to v2.5.1
• Upgrade lodash to v4.17.3
• Upgrade vue to v2.1.7
• Upgrade webpack to v2.2.0-rc.2
• Upgrade webpack-hot-middleware to v2.14.0