Modules

Using Drupal's built in Entity display modes and Field formatter system, Views, Blocks and more, the Druxt Site module provides the out of the box experience you expect.

Features

• Router with path alias and redirect support for Entity and Views pages.
• Vuex based, on-demand JSON:API resource loading.
• Entity / Field render system powered by Drupal display modes.
• Block region and Content block component rendering.
• Views and Views blocks via the Drupal JSON:API Views module.
• Breadcrumb, Menus and more.
• File Proxy enabled by default, and support for API proxying.

Installation

1. Download the module:

   npm i druxt-site
   

2. Add the module to nuxt.config.js:

   export default {
     modules: ['druxt-site'],
   }
   

Options

• druxt.site.layout

  Type: boolean
  Default: true

  Adds a default layout if no default layout has been provided.

• druxt.router.theme

  Type: string

  Sets the default theme to be used by the DruxtSite component. Theme can be overridden by the theme property on the component.
  If no value is provided, a fallback value will be determined from the JSON:API.

Vue.js components

DruxtSite

Renders all available block regions based on the specified theme.

<DruxtSite :theme="theme" />

• For more details, refer to the DruxtSite API documentation.