handle component directives at positions other than end (fixes #221)

src/generators/server-side-rendering/visitors/Component.js

@@ -8,7 +8,8 @@ export default {
 			}
 		}
 
-		const props = node.attributes.map( attribute => {
+		const props = node.attributes
+			.map( attribute => {
 				if ( attribute.type !== 'Attribute' ) return;
 
 				let value;
@@ -30,7 +31,9 @@ export default {
 				}
 
 				return `${attribute.name}: ${value}`;
-		}).join( ', ' );
+			})
+			.filter( Boolean )
+			.join( ', ' );
 
 		let open = `\${template.components.${node.name}.render({${props}}`;
 

test/server-side-rendering/component-refs-and-attributes/Widget.html

@@ -0,0 +1 @@
+<p>{{foo}}</p>

test/server-side-rendering/component-refs-and-attributes/_actual.html

@@ -0,0 +1 @@
+<div><p>42</p></div>

test/server-side-rendering/component-refs-and-attributes/_expected.html

@@ -0,0 +1 @@
+<div><p>42</p></div>

test/server-side-rendering/component-refs-and-attributes/main.html

@@ -0,0 +1,13 @@
+<div><Widget ref:widget foo='{{foo}}'/></div>
+
+<script>
+	import Widget from './Widget.html';
+
+	export default {
+		components: { Widget },
+
+		data () {
+			return { foo: 42 }
+		}
+	};
+</script>