Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

[HELP] How to Disabled Eslint


How to disable eslint ? because error of "Component name "Content" should always be multi-word vue/multi-word-component-name" this is annoying for me. Just delete eslint on package.json or ? btw i use phpstrom and i have turned off eslint in php strom, but eslint still appears in the browser


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (22)


Modifying the ESLint configuration to turn off the vue/multi-word-component-name rule is the best approach, as it allows you to keep ESLint for other important rules while addressing the specific issue that is bothering you and candy clicker



Hi Gusti,

Thank you for contacting our support.

I listed below ways on how you can disable eslint in your project.

  1. To disable Eslint for one line you can put a comment above the line you want to disable Eslint check.

    // eslint-disable-next-line

  2. To disable Eslint for the whole file you can write a comment below on top of the file.

    /* eslint-disable */

  3. To disable Eslint for one specific file or folder you can include it to .eslintignore.

    .eslintignore

    /src/components

  4. Same way if you want to disable Eslint in the entire project just set the path below.

    .eslintignore

    **/*

  5. To disable some specific rule check you can "off" it in .eslintrc.js.

    .eslintrc.js

    module.exports = {
    rules: {
    "no-console": "off",
    },
    }


    no-console rule will disable warnings when using console.log, you can find all available rules in Eslint and Vue Eslint plugin docs.

    In your case, you might want to disable vue/multi-word-component-names.



Regards,
Lauris Stepanovs,
Keenthemes Support Team
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(