[add] storybookのサンプルを増やした

config/storybook/config.js

@@ -1,5 +1,6 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import { configure } from '@storybook/vue'
+import '@/plugins/vuetify'
 
 const req = require.context('../../src/stories', true, /.stories.js$/)
 

config/storybook/preview-head.html

@@ -0,0 +1 @@
+<link href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons' rel="stylesheet">

src/router/index.ts

@@ -1,21 +1,9 @@
 import Router from 'vue-router'
-import { createRouterLayout } from 'vue-router-layout'
 import requiredVerifyEmail from './middlewares/requiredVerifyEmail'
-import {isTest} from '@/submodules/env'
-
-const RouterLayout = createRouterLayout((layout) => {
-  return import('@/layouts/' + layout + '.vue')
-})
 
 const router =  new Router({
   mode: 'history',
-  routes: isTest() ? [] : [
-    {
-      path: '/',
-      component: RouterLayout,
-      children: require('vue-auto-routing').default,
-    },
-  ],
+  routes: [],
 })
 
 requiredVerifyEmail(router)

src/stories/index.stories.js

@@ -2,7 +2,11 @@
 import { storiesOf } from '@storybook/vue'
 import { action } from '@storybook/addon-actions'
 
+import '@/store/resolveTestConfiguration'
 import MyButton from '../components/MyButton.vue'
+import LoginForm from '@/components/containers/loginForm.vue'
+import UserRegistrationForm from '@/components/containers/userRegistrationForm.vue'
+
 
 storiesOf('Button', module)
   .add('with text', () => ({
@@ -20,3 +24,13 @@ storiesOf('Button', module)
     template: '<my-button @click="action">😀 😎 👍 💯</my-button>',
     methods: { action: action('clicked') }
   }))
+
+storiesOf('Containers', module)
+  .add('LoginForm', () => ({
+    components: { LoginForm },
+    template: '<LoginForm/>',
+  }))
+  .add('UserRegistrationForm', () => ({
+    components: { UserRegistrationForm },
+    template: '<UserRegistrationForm/>',
+  }))