fix: support text slots (#711)

Author: eddyerburgh

Diff for: packages/create-instance/add-slots.js

@@ -2,11 +2,20 @@
 
 import { compileToFunctions } from 'vue-template-compiler'
 
+function startsWithTag (str) {
+  return str && str.trim()[0] === '<'
+}
+
 function createVNodesForSlot (
   h: Function,
   slotValue: SlotValue,
   name: string
-): Array<VNode> {
+): VNode | string {
+  if (typeof slotValue === 'string' &&
+  !startsWithTag(slotValue)) {
+    return slotValue
+  }
+
   const el = typeof slotValue === 'string'
     ? compileToFunctions(slotValue)
     : slotValue
@@ -19,7 +28,7 @@ function createVNodesForSlot (
 export function createSlotVNodes (
   h: Function,
   slots: SlotsObject
-): Array<VNode> {
+): Array<VNode | string> {
   return Object.keys(slots).reduce((acc, key) => {
     const content = slots[key]
     if (Array.isArray(content)) {

Diff for: test/specs/mounting-options/slots.spec.js

@@ -164,6 +164,20 @@ describeWithMountingMethods('options.slots', (mountingMethod) => {
     }
   })
 
+  it('mounts component with text slot', () => {
+    const wrapper = mountingMethod(ComponentWithSlots, {
+      slots: {
+        default: 'hello,',
+        header: 'world'
+      }
+    })
+    if (mountingMethod.name === 'renderToString') {
+      expect(wrapper).contains('hello,world')
+    } else {
+      expect(wrapper.text()).to.contain('hello,world')
+    }
+  })
+
   it('mounts component with named slot if passed component in slot object', () => {
     const wrapper = mountingMethod(ComponentWithSlots, {
       slots: {