<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>