docs: simplify options API for slots

Author: hiendv

docs/api/options.md

@@ -54,55 +54,45 @@ Example:
 
 ```js
 import Foo from './Foo.vue'
+import MyComponent from './MyComponent.vue'
 
 const bazComponent = {
   name: 'baz-component',
   template: '<p>baz</p>'
 }
 
+const yourComponent = {
+  props: {
+    foo: {
+      type: String,
+      required: true
+    }
+  },
+  render (h) {
+    return h('p', this.foo)
+  }
+}
+
 const wrapper = shallowMount(Component, {
   slots: {
     default: [Foo, '<my-component />', 'text'],
     fooBar: Foo, // Will match `<slot name="FooBar" />`.
     foo: '<div />',
     bar: 'bar',
     baz: bazComponent,
-    qux: '<my-component />'
-  }
-})
-
-expect(wrapper.find('div')).toBe(true)
-```
-
-You can also provide slots components with props.
-Example:
-
-```js
-const wrapper = mount(Component, {
-  slots: {
-    default: `<child foo="bar"/><child :foo="val"/>`
+    qux: '<my-component />',
+    quux: '<your-component foo="lorem"/><your-component :foo="yourProperty"/>'
   },
-  mocks: {
-    val: 'qux'
+  stubs: { // used to register custom components
+    'my-component': MyComponent,
+    'your-component': yourComponent
   },
-  stubs: {
-    child: {
-      props: {
-        foo: {
-          type: String,
-          required: true
-        }
-      },
-      render(h) {
-        return h('p', this.foo)
-      }
-    }
+  mocks: { // used to add properties to the rendering context
+    yourProperty: 'ipsum'
   }
 })
 
-expect(wrapper.findAll('p').length).toBe(2)
-expect(wrapper.text()).toMatch(/bar/)
-expect(wrapper.text()).toMatch(/qux/)
+expect(wrapper.find('div')).toBe(true)
 ```
 
 ## scopedSlots
@@ -348,4 +338,4 @@ const options = {
 }
 const wrapper = mount(Component, options)
 expect(wrapper.text()).toBe('aBC')
-```
+```