Merge pull request #13 from 19pdh/storybook

Storybook

3 files changed, 20 insertions, 0 deletions

diff --git a/.storybook/addons.js b/.storybook/addons.js
new file mode 100644
index 0000000..6aed412
--- /dev/null
+++ b/.storybook/addons.js
@@ -0,0 +1,2 @@
+import '@storybook/addon-actions/register';
+import '@storybook/addon-links/register';
diff --git a/.storybook/config.js b/.storybook/config.js
new file mode 100644
index 0000000..45f33c0
--- /dev/null
+++ b/.storybook/config.js
@@ -0,0 +1,12 @@
+import { configure } from '@storybook/vue'
+
+if (!process.env.JEST_WORKER_ID) {
+  require('../assets/css/main.css')
+}
+
+const req = require.context('../components', true, /\.stories.js$/)
+function loadStories() {
+  req.keys().forEach(filename => req(filename))
+}
+
+configure(loadStories, module)
diff --git a/.storybook/decorators/index.js b/.storybook/decorators/index.js
new file mode 100644
index 0000000..518f966
--- /dev/null
+++ b/.storybook/decorators/index.js
@@ -0,0 +1,6 @@
+export const center = () => {
+  return {
+    template:
+      '<div style="height: 100vh; display: flex; align-items: center; justify-content: center"><story/></div>'
+  }
+}