Fixed when the component has no description

Author: rafaesc

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-docgen-api",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Toolbox to extract information from Vue component files for documentation generation purposes.",
   "bugs": {
     "url": "https://github.com/vue-styleguidist/vue-docgen-api/issues"

src/utils/getVueDoc.js

@@ -1,4 +1,4 @@
-import { IGNORE_DEFAULT, getDescription, getComment } from './variables';
+import { IGNORE_DEFAULT, getDescription, getComment , EMPTY} from './variables';
 import processTags from './processTags';
 import processProps from './processProps';
 import processMethods from './processMethods';
@@ -32,9 +32,14 @@ export default function getVueDoc(docFile, component) {
 		const docComponent = docFile.filter(comment => {
 			return comment.longname === 'module.exports'
 		})[0];
-		const description = getDescription(docComponent);
-		const comment = getComment(docComponent);
-		const tags = processTags(docComponent, IGNORE_DEFAULT);
+		let description = EMPTY;
+		let comment = EMPTY;
+		let tags = {};
+		if (docComponent) {
+			description = getDescription(docComponent);
+			comment = getComment(docComponent);
+			tags = processTags(docComponent, IGNORE_DEFAULT);
+		}
 		const props = processProps(docFile, component);
 		const methods = processMethods(docFile, component);
 

tests/components/button/Button.vue

@@ -0,0 +1,52 @@
+<template>
+<button class="button" @click.prevent="onClick">
+	<slot></slot>
+</button>
+</template>
+
+<script>
+
+export default {
+	name: 'button',
+	props: {
+		/**
+		 * The color for the button
+		 */
+		color: {
+			type: String,
+			default: '#333'
+		},
+		/**
+		 * The size of the button
+		 * `small, normal, large`
+		 */
+		size: {
+			type: Number,
+			default: 'normal'
+		},
+	},
+	data () {
+		return {
+			count : 0
+		}
+	},
+	methods: {
+		onClick(){
+			console.log('Hola Mundo')
+		}
+	}
+}
+</script>
+
+<style scoped>
+.button {
+	padding: .5em 1.5em;
+	color: #666;
+	background-color: #fff;
+	border: 1px solid blue;
+	border-radius: .3em;
+	text-align: center;
+	vertical-align: middle;
+	cursor: pointer;
+}
+</style>

tests/index.js

@@ -1,15 +1,18 @@
 const path = require('path');
 var api = require('../dist/main');
-var file = path.join(__dirname,  './components/grid/Grid.vue');
+var grid = path.join(__dirname,  './components/grid/Grid.vue');
+var button = path.join(__dirname,  './components/button/Button.vue');
 const expect = require("chai").expect;
 
 describe('tests', () => {
 	it('should not return error', () => {
-		expect(() => {api.parse(file)}).to.not.throw()
+		expect(() => {api.parse(grid)}).to.not.throw()
+		expect(() => {api.parse(button)}).to.not.throw()
 	})
 
-	const docJson = api.parse(file);
-	console.log(JSON.stringify(docJson, null, 2));
+	const docJson = api.parse(grid);
+	const docButtonJson = api.parse(button);
+	console.log(JSON.stringify(docButtonJson, null, 2));
 
 	it('should return an object', () => {
 		expect(docJson).to.be.an('object')