Why is ESLint warning about a semicolon where I think it’s useful?

    fetch_roles () {
      axios.get('/roles')
        .then((response) => {
          this.is_loaded = true; <-- ES lint hate this semicolon?! 🤔
          this.pageData = response
        })
        .catch((error) => {
          alert(`Error: ${error}`)
        })
    }

enter image description here

I get ESLint: Extra semicolon.(semi) for the semicolon shown above. Isn’t the semicolon good to have there in case we minify?

Answer

I get ESLint: Extra semicolon.(semi) for the above pointed semicolon.

ESLint can be configured to require, ignore, or forbid optional semi-colons. Your configuration has set them to forbidden.

Isn’t the semicolon better be there incase we minify ?

If minifying causes a problem when optional semi-colons are absent then you need a better minifier.