{ transform: 'translateX('+$bound($el).top+'px)' }" style="transition: all 1s">hey</div>
    <div class="h-64"></div>
    <div class="h-64"></div> -->



    <script>
        function $bound(el) {
            let data = Alpine.reactive({
                top: el.getBoundingClientRect().top,
            })

            window.addEventListener('scroll', () => {
                data.top = el.getBoundingClientRect().top
            }, { passive: true })

            return data
        }
    </script>




    <!