feat(#349): enable dependencies (#540)

* feat(#349): enable breadcrumb dependencies

* feat(#349): enable druxt-menu dependencies

* feat(#349): enable druxt-router dependencies

.changeset/itchy-roses-cross.md

@@ -2,4 +2,4 @@
 "druxt-site": minor
 ---
 
-Added watch for 'theme' prop
+Added watch for 'theme' prop.

.changeset/lazy-wasps-deliver.md

@@ -0,0 +1,5 @@
+---
+"druxt-router": minor
+---
+
+Enabled dependencies when only using Nuxt druxt-router module.

.changeset/pink-laws-boil.md

@@ -0,0 +1,5 @@
+---
+"druxt-breadcrumb": minor
+---
+
+Enabled dependencies when only using Nuxt druxt-breadcrumb module.

.changeset/ten-vans-drum.md

@@ -0,0 +1,5 @@
+---
+"druxt-menu": minor
+---
+
+Enabled dependencies when only using Nuxt druxt-menu module.

.changeset/three-emus-deny.md

@@ -2,4 +2,4 @@
 "druxt-entity": minor
 ---
 
-Added watch for 'settings' prop
+Added watch for 'settings' prop.

.changeset/tidy-melons-add.md

@@ -2,4 +2,4 @@
 "druxt-views": minor
 ---
 
-Added watch for 'arguments' prop
+Added watch for 'arguments' prop.

packages/breadcrumb/src/nuxtModule.js

@@ -21,21 +21,34 @@ import { join, resolve } from 'path'
  *
  * @param {object} moduleOptions - Nuxt.js module options object.
  */
-const DruxtBreadcrumbModule = function () {
+const DruxtBreadcrumbModule = async function (moduleOptions = {}) {
+  // Set default options.
+  const options = {
+    baseUrl: moduleOptions.baseUrl,
+    ...(this.options || {}).druxt || {},
+    breadcrumb: {
+      ...((this.options || {}).druxt || {}).breadcrumb,
+      ...moduleOptions,
+    }
+  }
+
+  // Add dependent module.
+  await this.addModule(['druxt', options])
+  await this.addModule(['druxt-router/nuxt', options])
+
   // Register components directories.
   this.nuxt.hook('components:dirs', dirs => {
     dirs.push({ path: join(__dirname, 'components') })
     dirs.push({ path: join(__dirname, 'components/blocks') })
   })
 
   // Nuxt Storybook.
-  const { addTemplate, options } = this
   this.nuxt.hook('storybook:config', ({ stories }) => {
-    addTemplate({
+    this.addTemplate({
       src: resolve(__dirname, '../templates/druxt-breadcrumb.stories.js'),
       fileName: 'stories/druxt-breadcrumb.stories.js',
     })
-    stories.push(resolve(options.buildDir, './stories/druxt-breadcrumb.stories.js'))
+    stories.push(resolve(this.options.buildDir, './stories/druxt-breadcrumb.stories.js'))
   })
 }
 

packages/menu/src/nuxtModule.js

@@ -25,7 +25,7 @@ import DruxtMenuStorybook from './nuxtStorybook'
  *
  * @param {object} moduleOptions - Module options object.
  */
-const DruxtMenuNuxtModule = function (moduleOptions = {}) {
+const DruxtMenuNuxtModule = async function (moduleOptions = {}) {
   // Set default options.
   const options = {
     baseUrl: moduleOptions.baseUrl,
@@ -36,6 +36,9 @@ const DruxtMenuNuxtModule = function (moduleOptions = {}) {
     }
   }
 
+  // Add dependant modules.
+  await this.addModule(['druxt', options])
+
   // Register components directories.
   this.nuxt.hook('components:dirs', dirs => {
     dirs.push({ path: join(__dirname, 'components') })
@@ -49,9 +52,6 @@ const DruxtMenuNuxtModule = function (moduleOptions = {}) {
     options
   })
 
-  // Enable Vuex Store.
-  this.options.store = true
-
   // Add Vuex plugin.
   this.addPlugin({
     src: resolve(__dirname, '../templates/store.js'),

packages/menu/test/nuxtModule.test.js

@@ -3,6 +3,7 @@ import { DruxtMenuNuxtModule } from '../src/nuxtModule'
 jest.mock('../src/nuxtStorybook')
 
 const mock = {
+  addModule: jest.fn(),
   addPlugin: jest.fn(),
   nuxt: {
     hook: jest.fn((hook, fn) => {
@@ -18,7 +19,7 @@ const mock = {
   }
 }
 
-test('Nuxt module', () => {
-  DruxtMenuNuxtModule.call(mock)
+test('Nuxt module', async () => {
+  await DruxtMenuNuxtModule.call(mock)
   expect(mock.addPlugin).toHaveBeenCalled()
 })

packages/router/src/nuxt/index.js

@@ -40,6 +40,9 @@ const DruxtRouterNuxtModule = async function (moduleOptions = {}) {
     }
   }
 
+  // Add dependant modules.
+  await this.addModule(['druxt', options])
+
   // Register components directories.
   this.nuxt.hook('components:dirs', dirs => {
     dirs.push({ path: join(__dirname, '../dist/components') })
@@ -107,9 +110,6 @@ const DruxtRouterNuxtModule = async function (moduleOptions = {}) {
     options
   })
 
-  // Enable Vuex Store.
-  this.options.store = true
-
   // Add Vuex plugin.
   this.addPlugin({
     src: resolve(__dirname, '../templates/store.js'),

packages/router/test/nuxt/index.test.js

@@ -1,6 +1,7 @@
 import DruxtRouterNuxtModule from '../../nuxt'
 
 const mock = {
+  addModule: jest.fn(),
   addPlugin: jest.fn(),
   addTemplate: jest.fn(),
   extendRoutes: jest.fn((func) => {