Layouts

TNT uses a barebones default.vue layout by default. To configure a different default layout, add the following to your nuxt.config.js:

content: {
  documentDriven: {
    globals: {
      theme: {
        where: {
          _id: 'content:_theme.yml'
        },
        without: ['_']
      }
    },
    layoutFallbacks: ['theme'],
  }
}

Then create a _theme.yml file in your content directory and add:

layout: article

Other layouts packaged with TNT:

  • Default

    This is the default layout. You can add whatever components you like.

  • Article
    Written by Thom Bruce

    This is the article layout. It features the :breadcrumbs and :prevnext components by default.

  • List

    This is the list layout. It features the :article-list component by default.

  • Form