Update Storybook to v5

Author: sisou

.gitignore

@@ -1,6 +1,7 @@
 .DS_Store
 node_modules
-dist
+/dist
+storybook-static
 
 # local env files
 .env.local
@@ -18,5 +19,4 @@ yarn-error.log*
 *.ntvs*
 *.njsproj
 *.sln
-*.sw*
-*.iml
+*.sw?

.storybook/main.js

@@ -0,0 +1,10 @@
+module.exports = {
+  stories: ['../src/stories/*.stories.(js|ts|mdx)'],
+  addons: [
+    '@storybook/addon-actions',
+    '@storybook/addon-knobs',
+    '@storybook/addon-links',
+    '@storybook/addon-notes',
+    '@storybook/addon-viewport'
+  ]
+}

package.json

@@ -12,7 +12,9 @@
   ],
   "scripts": {
     "build": "vue-cli-service build --target lib --name NimiqVueComponents src/main.ts",
-    "lint": "vue-cli-service lint"
+    "lint": "vue-cli-service lint",
+    "storybook": "vue-cli-service storybook:serve -p 6006 -c .storybook -s .",
+    "storybook:build": "vue-cli-service storybook:build -c .storybook"
   },
   "dependencies": {
     "@nimiq/style": "^0.7.5",
@@ -26,13 +28,20 @@
   "devDependencies": {
     "@nimiq/iqons": "^1.1.1",
     "@nimiq/utils": "^0.4.4",
+    "@storybook/addon-actions": ">=5.3.0",
+    "@storybook/addon-knobs": ">=5.3.0",
+    "@storybook/addon-links": ">=5.3.0",
+    "@storybook/addon-notes": ">=5.3.0",
+    "@storybook/addon-viewport": ">=5.3.0",
+    "@storybook/vue": ">=5.3.0",
     "@vue/cli-plugin-babel": "^4.1.2",
     "@vue/cli-plugin-typescript": "^4.1.2",
     "@vue/cli-service": "^4.1.2",
     "file-loader": "^3.0.1",
     "moment": "^2.22.2",
     "ts-loader": "^4.4.2",
     "typescript": "^3.0.1",
+    "vue-cli-plugin-storybook": "^1.2.0",
     "vue-cli-plugin-ts-bundler": "^0.0.3",
     "vue-svg-loader": "^0.12.0",
     "vue-template-compiler": "^2.6.10"

src/stories/index.stories.js

@@ -1,6 +1,7 @@
-import {storiesOf} from '@storybook/vue';
-import {action} from '@storybook/addon-actions';
-import {boolean, number, text, object, select, withKnobs} from '@storybook/addon-knobs';
+/* eslint-disable import/no-extraneous-dependencies */
+import { storiesOf } from '@storybook/vue';
+import { action } from '@storybook/addon-actions';
+import { boolean, number, text, object, select, withKnobs } from '@storybook/addon-knobs';
 import bigInt from 'big-integer';
 
 import Account from '../components/Account.vue';