Merge branch 'master' of github.com:sveltejs/svelte

site/content/docs/02-template-syntax.md

@@ -94,6 +94,14 @@ An element or component can have multiple spread attributes, interspersed with r
 <Widget {...things}/>
 ```
 
+---
+
+*`$$props`* references all props that are passed to a component – including ones that are not declared with `export`. It is useful in rare cases, but not generally recommended, as it is difficult for Svelte to optimise.
+
+```html
+<Widget {...$$props}/>
+```
+
 
 ### Text expressions
 

src/compiler/compile/render_dom/wrappers/InlineComponent/index.ts

@@ -220,9 +220,9 @@ export default class InlineComponentWrapper extends Wrapper {
 				const conditions = Array.from(all_dependencies).map(dep => `changed.${dep}`).join(' || ');
 
 				updates.push(deindent`
-					var ${name_changes} = ${all_dependencies.size === 1 ? `${conditions}` : `(${conditions})`} ? @get_spread_update(${levels}, [
+					var ${name_changes} = ${conditions ? `(${conditions}) ? @get_spread_update(${levels}, [
 						${changes.join(',\n')}
-					]) : {};
+					]) : {}` : '{}'};
 				`);
 			} else {
 				this.node.attributes

test/runtime/samples/spread-component-literal/Widget.svelte

@@ -0,0 +1,5 @@
+<script>
+	export let foo;
+</script>
+
+<p>foo: {foo}</p>

test/runtime/samples/spread-component-literal/_config.js

@@ -0,0 +1,5 @@
+export default {
+	html: `
+		<div><p>foo: bar</p></div>
+	`
+};

test/runtime/samples/spread-component-literal/main.svelte

@@ -0,0 +1,7 @@
+<script>
+	import Widget from './Widget.svelte';
+</script>
+
+<div>
+	<Widget {...{ foo: 'bar' }}/>
+</div>