           Alpine.component('dropdown', () => ({
                open: false,
                up: true,
                dropdownEl: null,
                load() {

                    // let el = document.querySelector('[x-ref="dropdown"]')

                    // var observer = new IntersectionObserver((entries) => {

                    //     if (entries[0].boundingClientRect.bottom > entries[0].intersectionRect.bottom && this.up) {

                    //             this.up = false;

                  