chore(deps): update storybook monorepo to v6 (major)

package.json

@@ -22,8 +22,8 @@
     "release": "yarn test && standard-version && yarn build && git push --follow-tags && npm publish"
   },
   "dependencies": {
-    "@storybook/addon-actions": "^5.3.19",
-    "@storybook/vue": "^5.3.19",
+    "@storybook/addon-actions": "^6.0.0",
+    "@storybook/vue": "^6.0.0",
     "arg": "^4.1.3",
     "babel-preset-vue": "^2.0.2",
     "consola": "^2.15.0",

src/index.ts

@@ -32,19 +32,24 @@ async function getStorybookConfig (options: StorybookOptions) {
     return config
   }
 
+  if (!options.staticDir) {
+    options.staticDir = path.resolve(options.rootDir, nuxt.options.dir.static)
+  }
+  const staticDir = options.staticDir.split(',').map(dir => dir.trim())
+
   return {
     ...vueOptions,
     packageJson: require('../package.json'),
     versionUpdates: false,
     rootDir: options.rootDir,
     configDir: nuxtStorybookConfig.configDir,
-    staticDir: [path.resolve(options.rootDir, nuxt.options.dir.static)],
     port: process.env.PORT || nuxtStorybookConfig.port || 3003,
     nuxt,
     nuxtBuilder,
     nuxtWebpackConfig,
     nuxtStorybookConfig,
     ...options,
+    staticDir,
     frameworkPresets: [
       ...vueOptions.frameworkPresets,
       require.resolve('./preset')

storybook/index.js

@@ -0,0 +1,11 @@
+import './mock'
+// helpers to fix windows path
+// https://github.com/nuxt/nuxt.js/blob/1edac29eba1a621339105f5adef73d4c30388fee/packages/utils/src/resolve.js#L13
+export const isWindows = process.platform.startsWith('win')
+
+export const wp = function wp (p = '') {
+  if (isWindows) {
+    return p.replace(/\\/g, '\\\\')
+  }
+  return p
+}

storybook/preview.js

@@ -1,9 +1,10 @@
+import Vue from 'vue'
+import { wp } from '~storybook';
+
 /* Styles */<% if (Array.isArray(options.styles)) { %>
-<%= options.styles.map(s => `import '${s}'`).join("\n") %>
+<%= options.styles.map(s => `import '${wp(s)}'`).join("\n") %>
 <% } %>
-import Vue from 'vue'
 import { normalizeError } from '~~/.nuxt-storybook/utils'
-import '~storybook/mock'
 <% if (options.store) { %>import { createStore } from '~~/.nuxt-storybook/store'<% } %>
 <% if (options.components) { %>import * as components from '~~/.nuxt-storybook/components';
 Object.keys(components).forEach(name => Vue.component(name, components[name]))<% } %>
@@ -12,7 +13,7 @@ Object.keys(components).forEach(name => Vue.component(name, components[name]))<%
 <% }) %>
 
 
-const inject = (name, impl) => { 
+const inject = (name, impl) => {
   Vue.prototype['$' + name] = impl
 }
 <% if (options.store) {%>inject('store', createStore({}))<% }%>
@@ -26,4 +27,3 @@ Vue.prototype.app = {};<% /* prevent undefined app exception */ %>
     }
   }
 })
-