Decoupled Drupal configuration pages for Druxt
The DruxtConfigPages module consumes configuration data from the Drupal Config Pages module and makes it easily accessible with a Vuex store and Nuxt plugin.
$druxtConfigPages.get('foo.bar')
- Nuxt plugin:
$druxtConfigPages.get('foo').bar
$druxtConfigPages.get('foo.bar')
- Vuex store and getter:
$store.getters['druxtConfigPages/foo'].bar
- DruxtJS: https://druxtjs.org
- Community Discord server: https://discord.druxtjs.org
- Config Pages project page: https://www.drupal.org/project/config_pages
-
Install and enable the Drupal Config Pages module on your Druxt backend.
-
Create at least one Config Page type and entity:
/admin/structure/config_pages/types
-
Add the "View the [foo] config page entity" permission to the required Druxt role(s).
-
Install the Nuxt modules:
$ npm install druxt @druxt-contrib/config-pages
-
Add module to
nuxt.config.js
module.exports = { buildModules: ['@druxt-contrib/config-pages'], druxt: { baseUrl: 'https://demo-api.druxtjs.org', configPages: { pages: ['foo'] } } }
Note: Replace
foo
with the machine name of your Config Page type.
Option | Type | Required | Default | Description |
---|---|---|---|---|
druxt.configPages.pages |
array |
Yes | [] |
An array of Config Page types. |