# Modules

DruxtSite : object

The DruxtSite Vue.js component.

Renders all available block regions and content based on Drupals configuration and routing information.

DruxtSiteMixin : object

Vue.js Mixin.

Registers props for use by Druxt slot theme components.

DruxtSiteNuxtModule : function

The Nuxt.js module functions.

Installs and configures all DruxtJS Site modules.

# DruxtSite : object

The DruxtSite Vue.js component.

Renders all available block regions and content based on Drupals configuration and routing information.

See: DruxtSite
Example

<template>
  <DruxtSite theme="umami" />
</template>

<script>
  import { DruxtSite } from 'druxt-site'

  export default {
    components: { DruxtSite }
  }
</script>
1
2
3
4
5
6
7
8
9
10
11

# DruxtSiteMixin : object

Vue.js Mixin.

Registers props for use by Druxt slot theme components.

See: DruxtSiteMixin
Example

<template>
  <div>
    <slot v-for="region of regions" :key="region" :name="region" />
  </div>
</template>

<script>
import { DruxtSiteMixin } from 'druxt-site'

export default {
  mixins: [DruxtSiteMixin],
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13

# DruxtSiteNuxtModule : function

The Nuxt.js module functions.

Installs and configures all DruxtJS Site modules.

See: DruxtSiteNuxtModule
Example (nuxt.config.js)

module.exports = {
  modules: [
    'druxt-site'
  ],
  druxt: {
    baseUrl: 'https://demo-api.druxtjs.org'
  }
}
1
2
3
4
5
6
7
8