Merge pull request #1 from privatenumber/wildcard

Added wildcard

README.md

@@ -159,6 +159,13 @@ Pass in an array
 <subslot :element="[ChildComponentA, '@ChildComponentB', 'div']" />
 ```
 
+### To match any element
+Use the asterisk to match any element. This is to match only elements and remove any text/white-space.
+
+```html
+<subslot element="*" />
+```
+
 ### Offset the number of returned elements
 ```html
 <subslot

src/utils/filter-vnodes.js

@@ -1,32 +1,38 @@
 const getWhitelist = ({ vm, filter }) => {
+	let matchAll = false;
 	const components = [];
 	const tags = [];
 	const elements = Array.isArray(filter.element) ? filter.element : [filter.element];
 
 	elements.forEach((element) => {
 		if (typeof element === 'string') {
-			if (element[0] === '@') {
+			if (element === '*') {
+				matchAll = true;
+			} else if (element[0] === '@') {
 				const component = vm.$options.components[element.slice(1)];
 				if (component) {
 					components.push(component);
 				}
-				return;
+			} else {
+				tags.push(element);
 			}
-			tags.push(element);
-			return;
+		} else {
+			components.push(element);
 		}
-
-		components.push(element);
 	});
 
-	return { components, tags };
+	return { matchAll, components, tags };
 };
 
 export const filterVnodes = ({ vnodes, filter, vm }) => {
 
 	if (filter.element) {
-		const { components, tags } = getWhitelist({ vm, filter });
+		const { matchAll, components, tags } = getWhitelist({ vm, filter });
 		vnodes = vnodes.filter((vnode) => {
+			if (matchAll) {
+				return vnode.tag;
+			}
+
 			const isComponent = (vnode.componentOptions && vnode.componentOptions.Ctor.extendOptions);
 			const { tag } = vnode.componentOptions || vnode;
 

test/__snapshots__/filter-attr.test.js.snap

@@ -141,3 +141,13 @@ exports[`Subslot Should support tag 1`] = `
   </button>
 </div>
 `;
+
+exports[`Subslot Should support wildcard 1`] = `
+<div
+  class="card"
+>
+  <span>
+    Should render
+  </span>
+</div>
+`;

test/filter-attr.test.js

@@ -158,6 +158,40 @@ describe('Subslot', () => {
 		expect(wrapper.element).toMatchSnapshot();
 	});
 
+	test('Should support wildcard', () => {
+		const Card = {
+			template: `
+				<div class="card">
+					<subslot element="*" />
+				</div>
+			`,
+
+			components: {
+				Subslot,
+			},
+
+			data() {
+				return {
+					CardHeader,
+				};
+			},
+		};
+
+		const usage = {
+			template: `
+				<card>
+					Shouldn't render
+					<span>Should render</span>
+					Shouldn't render
+				</card>
+			`,
+			components: { Card },
+		};
+
+		const wrapper = mount(usage);
+		expect(wrapper.element).toMatchSnapshot();
+	});
+
 	test('Should only be 3 CardHeaders', () => {
 		const Card = {
 			template: `