server-render bindings

src/generators/server-side-rendering/visitors/Element.ts

@@ -35,8 +35,7 @@ export default function visitElement(
 	}
 
 	node.attributes.forEach((attribute: Node) => {
-		if (attribute.type !== 'Attribute') return;
-
+		if (attribute.type === 'Attribute') {
 			if (attribute.name === 'value' && node.name === 'textarea') {
 				textareaContents = stringifyAttributeValue(block, attribute.value);
 			} else if (attribute.value === true) {
@@ -52,6 +51,10 @@ export default function visitElement(
 			} else {
 				openingTag += ` ${attribute.name}="${stringifyAttributeValue(block, attribute.value)}"`;
 			}
+		} else if (attribute.type === 'Binding') {
+			block.contextualise(attribute.value); // TODO gah this is hacky, contextualise everything upfront
+			openingTag += '${' + attribute.metadata.snippet + ' === false ? "" : " ' + attribute.name + '" + (' + attribute.metadata.snippet + ' === true ? "" : "=" + JSON.stringify(' + attribute.metadata.snippet + '))}';
+		}
 	});
 
 	if (node._cssRefAttribute) {

test/server-side-rendering/samples/binding/_expected.html

@@ -0,0 +1 @@
+<input value='bar'>

test/server-side-rendering/samples/binding/main.html

@@ -0,0 +1,9 @@
+<input bind:value=foo >
+
+<script>
+	export default {
+		data() {
+			return { foo: 'bar' };
+		}
+	};
+</script>