class Skill extends HTMLElement {
    constructor() {
        super();
        this.getSkills();
    }

    async getSkills(){
        var graphql = JSON.stringify({
            query: "query {skills}"
          })
          var requestOptions = {
            method: 'POST',
            body: graphql,
            headers: { 'Content-Type': 'application/json' }
          };

        let skills = (await (await fetch("/API/graphql.php", requestOptions)).json()).data.skills;
        skills.forEach(skill => {
            const image = document.createElement("img");
            image.classList.add("skills");
            image.src = skill;
            this.appendChild(image);
        });

    }
}

customElements.define("jl-skills", Skill);