fix umd build, and add docs

Author: Walker Leite

README.md

@@ -44,9 +44,31 @@ $ npm run test:watch
 $ npm run test:cov
 ```
 
-### Building to ./dist
+### Building
+
+#### ES6 Modules / CommonJS
+
+```bash
+$ npm run build
+```
+
+```js
+import myCmp from 'dist/my-cmp';
+
+Vue.component('my-cmp', myCmp);
+```
+
+#### UMD
 
 ```bash
 $ npm run build
-$ npm run build:doc
+```
+
+```html
+<script src="https://unpkg.com/vue" charset="utf-8"></script>
+<script src="./dist/my-cmp.min.js" charset="utf-8"></script>
+
+<script type="text/javascript">
+  Vue.component('my-cmp', window.MyCmp);
+</script>
 ```

meta.js

@@ -20,6 +20,12 @@ module.exports = {
       "label": "Author"
     }
   },
+  "helpers": {
+    camelcase: function(str) {
+      return str.replace(/([\-_\s]+[a-z])|(^[a-z])/g, $1 => $1.toUpperCase())
+              .replace(/[\-_\s]+/g, '')
+    }
+  },
   "complete": function(data, {logger}) {
     // Rename to be compatible with styleguide configuration
     const cmpDir = data.inPlace?'src/Component':path.resolve(data.destDirName, 'src/Component');

template/README.md

@@ -4,16 +4,38 @@
 
 # Usage
 
+## ES6 Modules / CommonJS
+
+```bash
+$ npm run build
+```
+
 ```js
-import Component from '{{name}}'
+import {{ camelcase name }} from 'dist/{{ name }}';
+
+Vue.component('{{ name }}', {{ camelcase name }});
+```
 
-Vue.component('{{name}}', Component);
+```html
+<{{name}} text="Hello World!"></{{name}}>
 ```
 
-    <{{name}} text="Hello World!"></{{name}}>
+## UMD
 
-PS: You can also build to UMD with `npm run build:umd`, the component will be
-available in the window['{{name}}'] variable.
+```bash
+$ npm run build
+```
+
+```html
+<{{name}} text="Hello World!"></{{name}}>
+
+<script src="https://unpkg.com/vue" charset="utf-8"></script>
+<script src="./dist/{{ name }}.min.js" charset="utf-8"></script>
+
+<script type="text/javascript">
+  Vue.component('{{ name }}', window.{{ camelcase name }});
+</script>
+```
 
 ## Installation
 

template/poi.config.js

@@ -3,12 +3,6 @@ const webpack = require('webpack');
 const glob = require('glob').sync;
 const {name} = require('./package.json');
 
-// converts my-component to MyComponent
-function camelCase (s) {
-  return s.replace(/([\-_\s]+[a-z])|(^[a-z])/g, $1 => $1.toUpperCase())
-          .replace(/[\-_\s]+/g, '')
-}
-
 module.exports = {
   entry: glob('./src/**/*.vue'),
   filename: {
@@ -23,5 +17,5 @@ module.exports = {
       frameworks: ['mocha', 'chai', 'phantomjs-shim'],
     })
   ],
-  moduleName: camelCase({{ name }})
+  moduleName: {{ camelcase name }}
 };