Make parser properly parse top-level component comments, even when th…

…e component is not preceded with a top-level variable declaration.

lib/parser.js

@@ -255,11 +255,11 @@ class Parser extends EventEmitter {
  walk () {
  process.nextTick(() => {
  this.ast.body.forEach((body) => {
- if (body.type !== 'ExportDefaultDeclaration' && body.type !== 'ExpressionStatement') {
-  const entry = getComment(body)
-  const description = entry ? entry.description : null
+ const entry = getComment(body)
+ const description = entry ? entry.description : null
+ this.emit('description', description)
 
-  this.emit('description', description)
+ if (body.type !== 'ExportDefaultDeclaration' && body.type !== 'ExpressionStatement') {
  return
  }
 

test/fixtures/checkboxNoTopLevelConstant.vue

@@ -0,0 +1,138 @@
+<template>
+ <label>
+ <input :disabled="disabled" type="text" v-model="checkbox">
+ <!-- Default slot -->
+ <slot></slot>
+ <!-- Use this slot to set the checkbox label -->
+ <slot name="label">Unamed checkbox</slot>
+ <!--
+ This
+ is multiline description
+ -->
+ <slot name="multiline">Unamed checkbox</slot>
+ <slot name="undescribed"></slot>
+ <template></template>
+ </label>
+</template>
+
+<script>
+
+/**
+ * A simple checkbox component
+ */
+export default {
+ name: 'checkbox',
+ props: {
+ /**
+ * The checkbox model
+ * @model
+ */
+ model: {
+ type: Array,
+ required: true,
+ twoWay: true
+ },
+
+ /**
+ * Initial checkbox state
+ */
+ disabled: Boolean,
+
+ /**
+ * Initial checkbox value
+ */
+ checked: {
+ type: Boolean,
+ default: true
+ },
+
+ // Prop with camel name
+ propWithCamel: {
+ type: Object,
+ default: () => ({ name: 'X'})
+ }
+ },
+
+ data () {
+ return {}
+ },
+
+ created () {
+ /**
+ * Emit when the component has been loaded
+ */
+ this.$emit('loaded')
+ },
+
+ methods: {
+ /**
+ * @private
+ */
+ privateMethod () {
+ console.log('check')
+
+ const name = 'check'
+ const value = 'event value'
+
+ if (name) {
+ console.log('>', name)
+ }
+
+ /**
+ * Event with identifier name
+ */
+ this.$emit(name, value)
+ },
+
+ /**
+ * Check the checkbox
+ */
+ check () {
+ console.log('check')
+
+ let eventName = 'check'
+ const value = 'event value'
+
+ if (eventName) {
+ console.log('>', eventName)
+ }
+
+ eventName = 'renamed'
+
+ /**
+ * Event with renamed identifier name
+ */
+ this.$emit(eventName, value)
+ },
+
+ /**
+ * @protected
+ */
+ recursiveIdentifierValue () {
+ console.log('check')
+
+ let recursiveValue = 'recursive'
+ const value = 'event value'
+
+ if (eventName) {
+ console.log('>', eventName)
+ }
+
+ eventName = recursiveValue
+
+ /**
+ * Event with recursive identifier name
+ */
+ this.$emit(eventName, value)
+ },
+
+ uncommentedMethod () {}
+ }
+}
+</script>
+
+<style lang="css" scoped>
+label {
+ font-size: .9em
+}
+</style>

test/parser.spec.js

@@ -19,6 +19,12 @@ const optionsForModuleExports = {
  ignoredVisibilities: []
 }
 
+const optionsNoTopLevelConstant = {
+ filename: f('checkboxNoTopLevelConstant.vue'),
+ encoding: 'utf8',
+ ignoredVisibilities: []
+}
+
 const optionsWithFileSource = {
  filecontent: fs.readFileSync(f('checkbox.vue'), 'utf8'),
  ignoredVisibilities: []
@@ -60,6 +66,8 @@ describe('component', () => testComponent(options))
 
 describe('component_module.exports', () => testComponent(optionsForModuleExports))
 
+describe('component_no-top-level-constant', () => testComponent(optionsNoTopLevelConstant))
+
 describe('component_filesource', () => testComponent(optionsWithFileSource))
 
 function testComponent(optionsToParse) {