ion of an element comes into the viewport -->
    <!-- <div x-intersect=""></div>
    <div x-intersect.once=""></div> -->

    <!-- <script src="https://unpkg.com/wicg-inert@3.1.1/dist/inert.min.js" defer></script> -->

    <!-- <div class="h-64"></div>
    <div class="h-64"></div>
    <div class="h-64" x-data x-effect="console.log($bound($el))">yoyoyo</div> -->
    <!-- <div x-data @scroll.window="$el.style['margin-left'] = $el.getBoundingClientRect().top + 'px'">hey</div> -->
    <!-- <div x-data :style="