move example to storybook

Author: Steffan

.storybook/addons.js

@@ -0,0 +1 @@
+import '@storybook/addon-actions/register';

.storybook/config.js

@@ -0,0 +1,7 @@
+import {configure} from '@storybook/vue';
+
+configure(() => {
+
+    require('../stories');
+
+}, module);

.storybook/webpack.config.js

@@ -0,0 +1,23 @@
+const path = require('path');
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
+
+module.exports = (baseConfig, configType, config) => {
+
+    // remove babel-loader
+    config.module.rules.shift();
+
+    // add buble-loader
+    config.module.rules.unshift({
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: 'buble-loader'
+    });
+
+    // add alias
+    config.resolve.alias['vue-event-manager'] = path.resolve(__dirname, '../src')
+
+    // https://github.com/storybooks/storybook/issues/3267
+    config.plugins.push(new VueLoaderPlugin());
+
+    return config;
+};

examples/demo/demo.details

@@ -0,0 +1,46 @@
+<template>
+
+    <div class="container">
+
+        <h1>Event Manager</h1>
+
+        <hr>
+
+        <button class="btn btn-primary" type="button" @click="$trigger('test', 'this.$trigger')">Trigger 'test' event using instance method</button>
+        <button class="btn btn-primary" type="button" @click="trigger('test', 'Vue.events.trigger')">Trigger 'test' event using global method</button>
+
+    </div>
+
+</template>
+
+<script>
+
+    import Vue from 'vue';
+
+    export default {
+
+        methods: {
+
+            trigger(event, params) {
+                Vue.events.trigger(event, params);
+            }
+
+        },
+
+        events: {
+
+            test(...args) {
+                console.log(...args);
+            }
+
+        }
+
+    };
+
+</script>
+
+<style>
+
+@import url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css');
+
+</style>

examples/demo/demo.html

@@ -0,0 +1,18 @@
+import Vue from 'vue';
+import VueEventManager from 'vue-event-manager';
+import DefaultStory from './components/DefaultStory.vue';
+import {storiesOf} from '@storybook/vue';
+import {action} from '@storybook/addon-actions';
+
+// load plugin
+Vue.use(VueEventManager, {
+
+    // log event action
+    log({name, params}) {
+        action(name)(...params);
+    }
+
+});
+
+storiesOf('Event Manager', module)
+    .add('Default', () => ({extends: DefaultStory}));