fix: coerce empty string to true when prop type is boolean (#49)

src/view/components/VueComponent.vue

@@ -38,10 +38,17 @@ export default Vue.extend({
       const values: Record<string, any> = {}
 
       Object.keys(this.scope.props).forEach(name => {
-        values[name] =
-          name in this.propsData
-            ? this.propsData[name]
-            : this.scope.props[name].value
+        const prop = this.scope.props[name]
+
+        if (name in this.propsData) {
+          const propValue = this.propsData[name]
+
+          // Coerce empty string to `true` when it is declared as boolean prop
+          values[name] =
+            prop.type === 'Boolean' && propValue === '' ? true : propValue
+        } else {
+          values[name] = prop.value
+        }
       })
 
       Object.keys(this.scope.data).forEach(name => {

test/view/VueComponent/child-component.spec.ts

@@ -129,6 +129,43 @@ describe('VueComponent child components', () => {
     expect(wrapper.find('h1').text()).toBe('hello from parent')
   })
 
+  it('passes empty valued attribute as `true` value', () => {
+    // prettier-ignore
+    const template = createTemplate([
+      h('div', [], [
+        h('Foo', [a('enabled', null)], [])
+      ])
+    ])
+
+    const components = {
+      'file:///Foo.vue': {
+        // prettier-ignore
+        template: createTemplate([
+          h('h1', [], [exp('enabled && \'Success\'')])
+        ]),
+        props: [
+          {
+            name: 'enabled',
+            type: 'Boolean'
+          }
+        ]
+      }
+    }
+    const wrapper = render(
+      template,
+      [],
+      [],
+      [
+        {
+          name: 'Foo',
+          uri: 'file:///Foo.vue'
+        }
+      ],
+      components
+    )
+    expect(wrapper.find('h1').text()).toBe('Success')
+  })
+
   it('passes v-bind values as props to a child component', () => {
     // prettier-ignore
     const template = createTemplate([