wrap <slot> updates in conditional - fixes #1144

src/generators/nodes/Slot.ts

@@ -57,6 +57,7 @@ export default class Slot extends Element {
 		block.builders.create.pushCondition(`!${content_name}`);
 		block.builders.hydrate.pushCondition(`!${content_name}`);
 		block.builders.mount.pushCondition(`!${content_name}`);
+		block.builders.update.pushCondition(`!${content_name}`);
 		block.builders.unmount.pushCondition(`!${content_name}`);
 		block.builders.destroy.pushCondition(`!${content_name}`);
 
@@ -67,6 +68,7 @@ export default class Slot extends Element {
 		block.builders.create.popCondition();
 		block.builders.hydrate.popCondition();
 		block.builders.mount.popCondition();
+		block.builders.update.popCondition();
 		block.builders.unmount.popCondition();
 		block.builders.destroy.popCondition();
 

test/runtime/samples/component-slot-dynamic/Nested.html

@@ -0,0 +1,13 @@
+<slot>
+	<span>{{foo}}</span>
+</slot>
+
+<script>
+	export default {
+		data() {
+			return {
+				foo: 'a'
+			};
+		}
+	};
+</script>

test/runtime/samples/component-slot-dynamic/_config.js

@@ -0,0 +1,9 @@
+export default {
+	html: `
+		<p>override default slot</p>
+	`,
+
+	test(assert, component) {
+		component.refs.nested.set({ foo: 'b' });
+	}
+};

test/runtime/samples/component-slot-dynamic/main.html

@@ -0,0 +1,13 @@
+<Nested ref:nested>
+	<p>override default slot</p>
+</Nested>
+
+<script>
+	import Nested from './Nested.html';
+
+	export default {
+		components: {
+			Nested
+		}
+	};
+</script>