fix(#464): update druxt stories

druxt · Mar 6, 2022 · 48a4386 · 48a4386
1 parent f5c4d77
commit 48a4386
Show file tree

Hide file tree

Showing 6 changed files with 199 additions and 7,865 deletions.
diff --git a/packages/druxt/package.json b/packages/druxt/package.json
@@ -34,7 +34,6 @@
   "module": "dist/druxt.esm.js",
   "files": [
     "dist",
-    "stories",
     "templates"
   ],
   "dependencies": {
@@ -47,9 +46,6 @@
     "querystring": "^0.2.0",
     "scule": "^0.2.0"
   },
-  "devDependencies": {
-    "@storybook/addon-docs": "^6.4.13"
-  },
   "peerDependencies": {
     "axios": "*",
     "consola": "*"

diff --git a/packages/druxt/src/nuxt/index.js b/packages/druxt/src/nuxt/index.js
@@ -136,10 +136,28 @@ const DruxtNuxtModule = function (moduleOptions = {}) {
   this.options.cli.badgeMessages.push(`${chalk.bold('API:')} ${chalk.blue.underline(options.baseUrl + options.endpoint)}`)
 
   // Nuxt Storybook.
+  const self = this
   this.nuxt.hook('storybook:config', async ({ stories }) => {
-    stories.push('druxt/stories/*.stories.mdx')
-    stories.push('druxt/dist/components/*.stories.mdx')
-    stories.push('druxt/dist/components/*.stories.mjs')
+    // Druxt README story.
+    self.addTemplate({
+      src: resolve(__dirname, '../templates/stories/README.stories.mdx'),
+      fileName: 'stories/druxt-README.stories.mdx',
+    })
+    stories.push(resolve(self.options.buildDir, './stories/druxt-README.stories.mdx'))
+
+    // Druxt custom module story.
+    self.addTemplate({
+      src: resolve(__dirname, '../templates/stories/druxt-module.stories.mdx'),
+      fileName: 'stories/druxt-module.stories.mdx',
+    })
+    stories.push(resolve(self.options.buildDir, './stories/druxt-module.stories.mdx'))
+
+    // DruxtDebug component story.
+    self.addTemplate({
+      src: resolve(__dirname, '../templates/stories/druxt-debug.stories.js'),
+      fileName: 'stories/druxt-debug.stories.js',
+    })
+    stories.push(resolve(self.options.buildDir, './stories/druxt-debug.stories.js'))
   })
 }
 

diff --git a/packages/druxt/stories/README.stories.mdx → ...ruxt/templates/stories/README.stories.mdx b/packages/druxt/stories/README.stories.mdx → ...ruxt/templates/stories/README.stories.mdx
diff --git a/...ruxt/src/components/DruxtDebug.stories.js → .../templates/stories/druxt-debug.stories.js b/...ruxt/src/components/DruxtDebug.stories.js → .../templates/stories/druxt-debug.stories.js
@@ -1,4 +1,4 @@
-import DruxtDebug from './DruxtDebug.vue'
+import DruxtDebug from 'druxt/dist/components/DruxtDebug.vue'
 
 export default {
   title: 'Druxt/DruxtDebug',

diff --git a/...xt/src/components/DruxtModule.stories.mdx → ...emplates/stories/druxt-module.stories.mdx b/...xt/src/components/DruxtModule.stories.mdx → ...emplates/stories/druxt-module.stories.mdx
@@ -102,7 +102,7 @@ Druxt module.
 import DruxtModule from 'druxt/dist/components/DruxtModule.vue'
 export default {
   name: 'MyModule',
-  extends: DruxtModule
+  extends: DruxtModule,
   druxt: {
     async fetchConfig() {
       // Load configuration data here.
@@ -113,7 +113,7 @@ export default {
     // Build nested arrays of component options based on the context.
     componentOptions: (context) => ([['default']]),
     // Map props data from the context.
-    propsData: (context) => ({ ...context }),
+    propsData: (context) => ({}),
     // Build slots render arrays.
     slots(h) {
       return {