Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update dependency @html-eslint/parser to ^0.31.0 #1261

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

renovate[bot]
Copy link
Contributor

@renovate renovate bot commented Dec 20, 2024

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
@html-eslint/parser ^0.27.0 -> ^0.31.0 age adoption passing confidence

Warning

Some dependencies could not be looked up. Check the Dependency Dashboard for more information.


Release Notes

yeonjuan/html-eslint (@​html-eslint/parser)

v0.31.0

Compare Source

What's Changed

Full Changelog: yeonjuan/html-eslint@v0.30.0...v0.31.0

v0.30.0

Compare Source

Linting HTML in Template literals 🚀

  1. Updates both @html-eslint/parser and @html-eslint/eslint-plugin version to 0.29.0.
npm install -D @​html-eslint/eslint-plugin@latest @​html-eslint/parser@latest
  1. Edit your eslint configuration file
import eslintHTML from "@​html-eslint/eslint-plugin";
import eslintHTMLParser from "@​html-eslint/parser";

export default [
  {
    // You can use the @​html-eslint rules in your ESLint configuration for JS!
    // This is used to lint HTML written inside Template Literal.
    "plugins": {
      "@​html-eslint": eslintHTML
    },
    "rules": {
      // Specifies the @​html-eslint rules to apply to Template Literal.
      "@​html-eslint/no-inline-styles": 1,
      "@​html-eslint/indent": 1,
     }
  },
]
  1. Now you can see that this plugin linting the html syntax inside the template literal.
// TaggedTemplateExpression
html`
<div style="${style}">
    ^^^^^^^^^^^^^^^// Unexpected usage of inline style

</div>`;

// TemplateLiteral
const code = /* html */`
<div style="${style}">
    ^^^^^^^^^^^^^^^// Unexpected usage of inline style

</div>`
  1. If you want to specify that linting should be done with keywords other than html, you can utilize the settings option.
 {
    "plugins": {
      "@&#8203;html-eslint": eslintHTML
    },
    settings: {
        html: {
          templateLiterals: {
               // default options
               tags: ["^html$"],
               comments: ["^\\s*html\\s*$"],
          }
        }
    },
}

What's Changed

Full Changelog: yeonjuan/html-eslint@v0.29.0...v0.30.0

v0.29.0

Compare Source

Linting HTML in Template literals 🚀

  1. Updates both @html-eslint/parser and @html-eslint/eslint-plugin version to 0.29.0.
npm install -D @&#8203;html-eslint/eslint-plugin@latest @&#8203;html-eslint/parser@latest
  1. Edit your eslint configuration file
import eslintHTML from "@&#8203;html-eslint/eslint-plugin";
import eslintHTMLParser from "@&#8203;html-eslint/parser";

export default [
  {
    // You can use the @&#8203;html-eslint rules in your ESLint configuration for JS!
    // This is used to lint HTML written inside Template Literal.
    "plugins": {
      "@&#8203;html-eslint": eslintHTML
    },
    "rules": {
      // Specifies the @&#8203;html-eslint rules to apply to Template Literal.
      "@&#8203;html-eslint/no-inline-styles": 1,
      "@&#8203;html-eslint/indent": 1,
     }
  },
]
  1. Now you can see that this plugin linting the html syntax inside the template literal.
// TaggedTemplateExpression
html`
<div style="${style}">
    ^^^^^^^^^^^^^^^// Unexpected usage of inline style

</div>`;

// TemplateLiteral
const code = /* html */`
<div style="${style}">
    ^^^^^^^^^^^^^^^// Unexpected usage of inline style

</div>`
  1. If you want to specify that linting should be done with keywords other than html, you can utilize the settings option.
 {
    "plugins": {
      "@&#8203;html-eslint": eslintHTML
    },
    settings: {
        html: {
          templateLiterals: {
               // default options
               tags: ["^html$"],
               comments: ["^\\s*html\\s*$"],
          }
        }
    },
}

What's Changed

Full Changelog: yeonjuan/html-eslint@v0.27.0...v0.29.0

v0.28.0

Compare Source


Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.


  • If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

0 participants