cript type="module">
    document.querySelector('#target').addEventListener(
        'layoutchange',
        (ev) => {
          console.log('layoutchange', ev.detail);
          Object.assign(globalThis, { detail: ev.detail });
        },
      );
      document.querySelector('#target').addEventListener('click', () => {
        document.querySelector('#target').style.width = '200px';
      });
    </script>
    <x-view class="page">
      <x-view
        id="target"
        style="width: 100px; height: 400