svelte/packages/svelte/tests/runtime-browser/samples/binding-width-height-this-timing/main.svelte

<script>
  import { log } from './log.js';

	let w = 0;
	let h = 0;

  /** @type {HTMLElement} */
	let div;

	$: {
		log.push([!!div, w, h]);
	}
</script>

<div bind:this={div} bind:clientWidth={w} bind:clientHeight={h} class="box"></div>

<style>
	.box {
		width: 100px;
		height: 100px;
		background: #ff3e00;
	}
</style>