svelte/test/runtime/samples/component-binding-deep/main.html

<Widget bind:value='deep.name'/>

<p>{{deep.name}}</p>

<script>
	import Widget from './Widget.html';

	export default {
		data () {
			return {
				deep: {
					name: 'foo'
				}
			};
		},

		components: {
			Widget
		}
	};
</script>