CLI templates: Riot => module format

lib/cli/generators/RIOT/template/.storybook/config.js

@@ -1,9 +1,4 @@
-import { configure } from '@storybook/riot';
+import { load } from '@storybook/riot';
 
 // automatically import all files ending in *.stories.js
-const req = require.context('../stories', true, /\.stories\.js$/);
+load(require.context('../stories', true, /\.stories\.js$/), module);
-function loadStories() {
-  req.keys().forEach(filename => req(filename));
-}
-
-configure(loadStories, module);

lib/cli/generators/RIOT/template/stories/Button.stories.js

@@ -0,0 +1,22 @@
+import { mount } from '@storybook/riot';
+
+/* eslint-disable-next-line import/no-webpack-loader-syntax */
+import MyButtonRaw from 'raw-loader!./MyButton.tag';
+import './MyButton.tag';
+
+export default {
+  title: 'Button',
+};
+
+export const text = () => ({
+  tags: ['<my-button>Hello Button</my-button>'],
+});
+
+export const scenario = () => ({
+  tags: [{ content: MyButtonRaw, boundAs: 'MyButton' }],
+  template: '<MyButton>With scenario</MyButton>',
+});
+
+export const emoji = () => ({
+  tags: ['<my-button>😀 😎 👍 💯</my-button>'],
+});

lib/cli/generators/RIOT/template/stories/Welcome.stories.js

@@ -0,0 +1,14 @@
+import { mount } from '@storybook/riot';
+import { linkTo } from '@storybook/addon-links';
+
+import './Welcome.tag';
+
+export default {
+  title: 'Welcome',
+};
+
+export const toStorybook = () => mount('welcome', { showApp: () => linkTo('Button') });
+
+toStorybook.story = {
+  name: 'to Storybook',
+};

lib/cli/generators/RIOT/template/stories/index.stories.js

@@ -1,23 +0,0 @@
-import { mount, storiesOf } from '@storybook/riot';
-import { linkTo } from '@storybook/addon-links';
-
-/* eslint-disable-next-line import/no-webpack-loader-syntax */
-import MyButtonRaw from 'raw-loader!./MyButton.tag';
-import './MyButton.tag';
-import './Welcome.tag';
-
-storiesOf('Welcome', module).add('to Storybook', () =>
-  mount('welcome', { showApp: () => linkTo('Button') })
-);
-
-storiesOf('Button', module)
-  .add('with text', () => ({
-    tags: ['<my-button>Hello Button</my-button>'],
-  }))
-  .add('with scenario', () => ({
-    tags: [{ content: MyButtonRaw, boundAs: 'MyButton' }],
-    template: '<MyButton>With scenario</MyButton>',
-  }))
-  .add('with some emoji', () => ({
-    tags: ['<my-button>😀 😎 👍 💯</my-button>'],
-  }));