update docs and meta

Author: Walker Leite

meta.js

@@ -0,0 +1,32 @@
+const fs = require('fs');
+
+module.exports = {
+  "prompts": {
+    "name": {
+      "type": "string",
+      "required": true,
+      "label": "Component name in kebab-case format",
+      "default": "v-awesome-component"
+    },
+    "description": {
+      "type": "string",
+      "required": true,
+      "label": "Project description",
+      "default": "A Vue.js component"
+    },
+    "author": {
+      "type": "string",
+      "label": "Author"
+    }
+  },
+  "complete": function(data, {logger}) {
+    logger.log("To get started:\n\n{{^inPlace}}cd {{destDirName}}\n\n \
+    {{/inPlace}}1. Install dependencies npm install\n2. Write your component \
+    in src/Component.vue\n3. Write a demo in docs docs/Usage.md\n4. Access \
+    demo and docs with npm run serve\n5. Build with npm run build\n6. Build \
+    docs with npm run build:doc");
+    const name = require(data.destDirName + '/package.json').name;
+    console.log(this, data, name);
+    fs.renameSync('src/Component.vue', 'src/' + name + '.vue');
+  }
+};

meta.json

@@ -0,0 +1,4 @@
+You can put more examples!
+    <{{ name }} text="Hello World!" @click="alert('clicked!')"></{{ name }}>
+
+* Remember to update styleguide.config.js also

template/docs/Usage.md

@@ -0,0 +1,4 @@
+You can put more examples!
+    <{{ name }} text="Hello World!" @click="alert('clicked in two!')"></{{ name }}>
+
+* Remember to update styleguide.config.js also

template/docs/UseCase1.md

@@ -4,7 +4,7 @@
 
 <script>
 /**
- * {{description}}
+ * Component documentation
  */
 export default {
   name: '{{ name }}',

template/docs/UseCase2.md

@@ -0,0 +1,3 @@
+Put here the component usage demo
+
+    <{{ name }} text="Hello World!" @click="alert('clicked!')"></{{ name }}>

template/src/Component.vue

@@ -11,8 +11,13 @@ module.exports = {
       sections: [
         /* One item for every different demo or doc of the component */
         {
-          name: 'usage',
-          content: 'docs/Usage.md'
+          name: 'Use Case 1',
+          content: 'docs/UseCase1.md'
+        },
+        /* One item for every different demo or doc of the component */
+        {
+          name: 'Use Case 2',
+          content: 'docs/UseCase2.md'
         }
       ]
     },