SSR bug with nested components

[Conduitry]

Looks like this arose with the <slot> changes. Compiling

<Outer>
	<Inner>Foo</Inner>
</Outer>
<script>
	export default { components: { Outer, Inner } }
</script>

in SSR mode produces

click to expand

'use strict';

var template = (function () {
	return { components: { Outer, Inner } }
}());

var SvelteComponent = {};

SvelteComponent.filename = "SvelteComponent.html";

SvelteComponent.data = function () {
	return {};
};

SvelteComponent.render = function ( state, options ) {
	state = state || {};

	return `
${template.components.Inner.render({}, { slotted: { default: () => `Foo` } })}
${template.components.Outer.render({}, { slotted: { default: () => `Foo`, null: () => `` } })}
`.trim();
};

SvelteComponent.renderCss = function () {
	var components = [];

	var seen = {};

	function addComponent ( component ) {
		var result = component.renderCss();
		result.components.forEach( x => {
			if ( seen[ x.filename ] ) return;
			seen[ x.filename ] = true;
			components.push( x );
		});
	}

	addComponent( template.components.Outer );
	addComponent( template.components.Inner );

	return {
		css: components.map( x => x.css ).join( '\n' ),
		map: null,
		components
	};
};

var escaped = {
	'"': '"',
	"'": ''',
	'&': '&',
	'<': '&lt;',
	'>': '&gt;'
};

function __escape ( html ) {
	return String( html ).replace( /["'&<>]/g, match => escaped[ match ] );
}

module.exports = SvelteComponent;

<Inner> is rendered before <Outer>, instead of being passed as a slot. This only happens when <Inner> has its own child when used inside <Outer> (i.e., just <Outer><Inner/></Outer> doesn't seem to experience this). Only an issue with SSR so far as I can tell.