chore: update eslint/prettier configs

[AykutSarac]

Updates the following:

• eslint
• prettier
• stylelint v14 -> v15

Adds

• eslint-plugin-lit
• eslint-plugin-wc

New eslint plugins helped me to notice & fix some errors at components. See 665a03c.

[ogunb]

Should we disable whitespace-sensitive formatting?

---

Other than that, lgtm. Eline sağlık.

[AykutSarac]

Should we disable whitespace-sensitive formatting?

Other than that, lgtm. Eline sağlık.

Each file seem to have its own parser according to Prettier, also this blog post is from 2018 so I have doubts it does have an effect on us. Unit tests also does pass.

[AykutSarac]

Added 2 new eslint plugins for web components & lit. Additionally they helped me to identify some errors at existing components and tests.

[ogunb]

Each file seem to have its own parser according to Prettier, also this blog post is from 2018 so I have doubts it does have an effect on us. Unit tests also does pass.

I meant as a styling choice. I don't really like current span formatting but, it also prevents unwanted spacing issue.

That being said, If the spacing doesn't matter, we can just add spaces before and after the text and it will format regularly. So, no big deal.

[AykutSarac]

Each file seem to have its own parser according to Prettier, also this blog post is from 2018 so I have doubts it does have an effect on us. Unit tests also does pass.

I meant as a styling choice. I don't really like current span formatting but, it also prevents unwanted spacing issue.

That being said, If the spacing doesn't matter, we can just add spaces before and after the text and it will format regularly. So, no big deal.

I see. Just to confirm, what is the option for this config?
I've tried "htmlWhitespaceSensitivity": "ignore" (the opposite didn't do any changes) assuming it was the config you were referring to and it produced some unwanted results:

const content = this.embedUrl
      ? html`<iframe src=${this.embedUrl}></iframe>`
      : html`<slot></slot>`;

 const content = this.embedUrl
      ? html`
          <iframe src=${this.embedUrl}></iframe>
        `
      : html`
          <slot></slot>
        `;

...

const inputSelectedOptions = html`<ul class="selected-options">
      ${this._selectedOptions.map(item => html`<li>${item.textContent}</li>`)}
    </ul>`;

const inputSelectedOptions = html`
      <ul class="selected-options">
        ${this._selectedOptions.map(
          item =>
            html`
              <li>${item.textContent}</li>
            `
        )}
      </ul>
    `;

[github-actions]

🎉 This PR is included in version 2.3.0-beta.3 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[github-actions]

🎉 This PR is included in version 2.3.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀