jcergolj/laravellte

{
    //
    "dependencies": {
        "alpinejs": "^2.8.0",
        "axios": "^0.21.1",
        "websocket-driver": "^0.7.4"
    }
}

// ...
 
<a
    x-on:click="click()"
    @click.away="clickAway()"
    class="nav-link"
    href="#"
>
    <i class="fas fa-bars"></i>
</a>
 
// ...

import "alpinejs";
 
window.axios = require("axios");
 
window.axios.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest";
 
var nav = {
    width: 990,
    make() {
        return {
            //
            click() {
                this.collapsed = !this.collapsed;
                if (!this.collapsed) {
                    this.$refs.body.classList.add("sidebar-open");
                } else {
                    this.$refs.body.classList.remove("sidebar-open");
                }
            },
            clickAway() {
                if (window.innerWidth < this.width) {
                    this.$refs.body.classList.remove("sidebar-open");
                    this.collapsed = true;
                }
            },
        };
    },
};
//