Boolean variable is not set as true, when passed without `v-bind`

Hi, I am unable to have a boolean property set to true, by specifying it in the parent component.

An example of the parent

<div>
    <child-component
        be-awesome
    />
</div>

import { Component, Vue } from 'vue-property-decorator'
import ChildComponent from './child'

@Component({ components: { ChildComponent } })
export default class ParentComponent extends Vue {
/* Here be some methods, getters, and such */
}

An example of the child

<div>
    <span v-if="beAwesome"> Cool </span>
<div/>

import { Component, Prop, Vue } from 'vue-property-decorator'
@Component
export default class ChildComponent extends Vue {
    @Prop({ default: false, type: Boolean })
    readonly beAwesome: boolean
}

However, the parent component does not render as expected.

[khrome83]

I can validate that this is not working as expected.

  @Prop() title!: string;
  @Prop(Boolean) secondary!: boolean;

I need to speciefy Boolean in the @Prop(Boolean), or use @Prop({ type: Boolean}).

But when I use a string or some other property this does not seem to be a issue. It would be ideal not need to specify the type.

[schmulschubiak]

for me it works, if I do the following:

import { Component, Prop, Vue } from 'vue-property-decorator'
@Component
export default class ChildComponent extends Vue {
    @Prop({ type: Boolean })
    private beAwesome: Boolean
}

Edit: oh, tslint hates private beAwesome: Boolean 😕