<Widget foo='{{foo}}' bar='{{bar}}'/>

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

	export default {
		data () {
			return {
				foo: { x: 1 },
				bar: { x: 1 }
			}
		},

		oncreate () {
			this.observe( 'foo', foo => {
				this.set({ bar: foo });
			});
		},

		components: {
			Widget
		}
	};
</script>