# DruxtSite

The <DruxtSite /> Vue.js component.

  • Loads available Block regions for the specified theme.
  • Renders Block regions via the <DruxtBlockRegion /> component.
  • Supports the Druxt slot based themeing system.

See: DruxtBlockRegion (opens new window)
Example

<template>
  <DruxtSite theme="umami" />
</template>
1
2
3

Example (DruxtSiteUmami.vue)

<template>
  <div>
    <slot name="header" />
    <slot name="content" />
    <slot name="footer" />
  </div>
</template>
1
2
3
4
5
6
7

# .mixins

Vue.js Mixins.

Kind: static property of DruxtSite
See: DruxtComponentMixin (opens new window)


# .props

Vue.js Properties.

Kind: static property of DruxtSite


# .theme : string

Drupal theme ID.

Used to filter the available regions from the Drupal Blocks JSON:API resources.

Kind: static property of props


# .fetch()

Nuxt.js fetch method.

Fetches theme filtered region names from the Block JSON:API resources to be used to render the <DruxtBlockRegion />'s.

Kind: static method of DruxtSite


# .data()

Kind: static method of DruxtSite
Properties

Name Type Description
regions Array.<string> An array of unique region names.